attributes Psuedo class : Attribute « CSS Style « XML

XML
1. CSS Style
2. SVG
3. XML Schema
4. XQuery
5. XSLT stylesheet
Java
XML Tutorial
Java Tutorial
Java Source Code / Java Documentation
Java Open Source
Jar File Download
Java Articles
Java Products
Java by API
C# / C Sharp
C# / CSharp Tutorial
ASP.Net
ASP.NET Tutorial
JavaScript DHTML
JavaScript Tutorial
JavaScript Reference
HTML / CSS
HTML CSS Reference
C / ANSI-C
C Tutorial
C++
C++ Tutorial
Ruby
PHP
Python
SQL Server / T-SQL
SQL Server / T-SQL Tutorial
Oracle PL / SQL
Oracle PL/SQL Tutorial
PostgreSQL
SQL / MySQL
MySQL Tutorial
VB.Net
VB.Net Tutorial
Flash / Flex / ActionScript
VBA / Excel / Access / Word
Microsoft Office PowerPoint 2007 Tutorial
Microsoft Office Excel 2007 Tutorial
Microsoft Office Word 2007 Tutorial
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
www.java2java.com | Contact Us
Copyright 2010 - 2030 Java Source and Support. All rights reserved.
All other trademarks are property of their respective owners.