attributes Psuedo class : Attribute « CSS Style « XML

Home
XML
1.CSS Style
2.SVG
3.XML Schema
4.XQuery
5.XSLT stylesheet
XML » CSS Style » Attribute 
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
java2s.com  | Contact Us | Privacy Policy
Copyright 2009 - 12 Demo Source and Support. All rights reserved.
All other trademarks are property of their respective owners.