CSS ?? ???
?? ???
?? ???, ??? ???, ID ???? ???? ??? ? ????. ???? ?? ??? ?? ???? ??? ???? ??, ?? ???? ID ???? ??? ??. ? ? ?? ??? ??? ??? ????? ?? ???? ??? ???? ???? ????. ?? ???? ??? ? ??? ? ?? ???? ???? ???? ?? ????.
?? ?? .orderlist li {xxxx} ?? .tableset td {}
??? ? ????? ????? ???? ?? ???? ???? li td dd ?? ?? ??? ???.
?? ??<h1 class="red"></h1> H1.red {color: red}
?? ?? ??
A,B ?? ?? ?? , A? B ??? ??? ???? ??? ?? A ??? B ??? ?????. { color:red }
2. A B ?? ?? ???? ?????. A ??? ?? ??? B ??? ??? A? B ??? ???? ?????. #nav li { display:inline: li a {font-weight:bold }
3. A > B ?? ?? ???, A ?? div > Strong { color:#f00 }
4. , ?? ?? A ?? ?? ?? ?? ?? ?? B p + p { color:#f00; }
5. A ~ B ??? ??? ?? ?? ??? ???? ???? ?? ?? ??????. div ~ p { color:#f00; }?? ?? ???
/ /css ??:
<style>
div.mydivred,p.mypred
{??:10px;????:#ffffff;???:1px #000000 ??;??:???;}
</style>
//html ??
<div class="mydivred"> div.mydivred</div>
<p class="mypred"> p.mypred</p>
??? ???
?? ?? ???
<style>
#fuji .ziji
{
?? :10px;
???: #ffffff;
???:1px # 000000 ??;??:???;
}
</style> ??>
<div id = "fuji"> ="ziji"> div.ziji</div>
</div>
? ???
?? ?? ???
<style>
#zys>span
{
??:10px;
???: #ffffff;
???: 1px #000000 ??;??:???;
}
</style>
<div id="zys">
<span class= "any"> div.ziji</span>
</div>
? ???
?? ?? ???
<style>
div+ p
{
background-color:yellow;
}
</style>
< div>
<h2>? ??? Donald</h2>
<p>?? ???? ???. </p>
</div>
?? ?? ?? ???
div~p
{
???: ??
}
<div>
<p>1?. ?????. </p>
<p>2?. ?????. </p>
</div>
<p>3?. div?? ????. </p>
<p>4?. div?? ????. </p>
? ???
