left up right
Attribute Selection Example
em {color:inherit;font-style:italic}
p[style] {color:red}            p with a style attribute
p[class~="first"] {color:green} class attribute contains first in space separated list
p[class="first"] {color:blue}   class attribute = first
p[lang|="first"] {color:brown}   lang attribute has first at front of hyphenated list
p[style][class~="first"][lang|="first"] {color:cyan}
. . .
<p style="font-weight:bold">Paragraph with style attribute</p>
<p class="first">Paragraph with class attribute having value 
    <em>first</em></p>
<p class="first second third">Paragraph with class attribute  
   having value <em>first second third</em></p>
<p lang="first-second-third">Paragraph with lang attribute  
   having value <em>first-second-third</em></p>
<p style="font-weight:bold" class="first second third"  
      lang="first-second-third">Paragraph 
   with style attribute and class attribute having value  
   <em>first second third</em> and lang attribute  
   starting with <em>first</em></p>