attributes Psuedo class : Attribute « CSS Style « XML






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

1.Use attr to get the value of attribute
2.Style with attribute class