CSS versus XSL

CSS XSL
box {
display: block;
}
box[debug] box {
border: 5px solid blue;
margin: 1px;
padding: 1px;
}
box[debug] box[align="vertical"] {
border: 5px solid red;
}
spring {
display: block;
}
box[debug] spring {
background-color: green;
}
toolbar {
display:block;
background-color: #CCCCCC;
border-bottom: solid darkGray 1px;
border-top: solid white 1px;
border-left: solid white 1px;
border-right: solid darkGray 1px;
font: 10pt sans-serif;
min-height: 20px;
}
toolbar[collapsed="true"] {
display:none;
}
toolbar[hidden="true"] {
display:none;
}
toolbox {
    background-color:darkgray;
    display: block;
}

<?xml version='1.0'?>
<xsl:stylesheet xmlns:xsl="http://www.w3.org/TR/WD-xsl">
<xsl:template match="/">
<xsl:apply-templates />
</xsl:template>
<xsl:template match="/">
<html>
<body>

<xsl:for-each select="//advertisement">
<xsl:if match = "advertisement[@action='update']">                    

<div style="font-family:sans-serif; font-size:18px; font-weight:800; padding-bottom:14px; color:#333333">Classified Advertising </div>

<div style="color:#FFFFCC; font-family:sans-serif; border: 3px thin outset; background-color:#663300; padding:3px"><xsl:value-of select="//text"/></div>

<div style="padding-top:12px; font-family:serif; font-weight:800; font-size:14px"> Enter new ad copy in the space below:</div>


<div style="padding-top:6px"><textarea name="adfiller" cols="30" rows="8" wrap="VIRTUAL" id="210011"></textarea></div>

</xsl:if>
</xsl:for-each>


</body>
</html>
</xsl:template>
</xsl:stylesheet>