Use class classifying element
code is as follows:


<P> Manufacture of white wine grape: </p>
<Ul>
<LI> <A href="http://www.jb51.net//css/ri.htm" > Riesling (Riesling) </a> </LI>
<LI> <A href="http://www.jb51.net//css/ch.htm" > Chardonnay (Chardonnay) </a> </LI>
<LI> <A href="http://www.jb51.net//css/pb.htm" > White Pinot (Pinot Blanc) </a> </LI>
</ul>
<P> Make red wine grape: </p>
<Ul>
<LI> <A href="http://www.jb51.net//css/cs.htm" > Within the card best SuoWeiNong (main) </a> </LI>
<LI> <A href="http://www.jb51.net//css/me.htm" > Morre fun (Merlot) </a> </LI>
<LI> <A href="http://www.jb51.net//css/pn.htm" > Pinot Noir, Pinot Noir) </a> </LI>
</ul>

now, we want to link all white wine shows as yellow, red wine links all displayed as red, the rest of the
link displayed as the default blue.
use the class
code is as follows:


<P> Manufacture of white wine grape: </p>
<Ul>
<LI> <A href="http://www.jb51.net//css/ri.htm" class="whitewine" > Riesling (Riesling) </a> </LI>
<LI> <A href="http://www.jb51.net//css/ch.htm" class="whitewine" > Chardonnay (Chardonnay) </a> </LI>
<LI> <A href="http://www.jb51.net//css/pb.htm" class="whitewine" > White Pinot (Pinot Blanc) </a> </LI>
</ul>
<P> Make red wine grape: </p>
<Ul>
<LI> <A href="http://www.jb51.net//css/cs.htm" class="redwine >" Within the card best SuoWeiNong (main) </a> </LI>
<LI> <A href="http://www.jb51.net//css/me.htm" class="redwine >" Morre fun (Merlot) </a> </LI>
<LI> <A href="http://www.jb51.net//css/pn.htm" class="redwine >" Pinot Noir, Pinot Noir) </a> </LI>
</ul>

CSS:

  code is as follows:  


a {
color: blue;

} aleem walji hitewine {
color: # FFBB00;

} a.r edwine {
color: # 800000;
}

note: on behalf of a label, a aleem walji hitewin represent references a whitewin class labels.
which is must indicate the label, this is different from id, because id is unique, with id by direct reference with respect to OK
element with id mark
code is as follows:


# {c1-2
color: red;
}

note: guidelines for c1 with id # c1-2-2 elements, the difference between the note and the class, the class reference use &other; . Throughout the &; .
# 0 - #


This concludes the body part