attributes Psuedo class
<?xml version="1.0"?>
<?xml-stylesheet type="text/css" href="Style.css"?>
<document>
<paragraph
keyWords="displaying, attribute, content, XML, CSS"
xref="link text">
text <code>:before</code> and
<code>:after</code> text
</paragraph>
</document>
File: Style.css
paragraph {
display:block;
background-color:#FFFFFF;
font-family:Arial, Helvetic, sans-serif;
padding:20px;
}
paragraph:before {
display:block;
background-color#CCCCCC;
font-weight:bold;
color:#0000FF;
content:"Cross reference:" attr(xref);
}
paragraph:after {
font-style:italic;
color:#0000FF;
content:"Key words: " attr(keyWords);
}
Related examples in the same category