后代选择器:
<div id=" ">
<b class="lbmc"></b>
<b class=........ ></b>
<p....></p>
</div>
并集选择器:
各选择器用逗号链接
<div id="fdiv">
<p class="father" id="header">
<strong class="blue">文本</strong>
</p>
权重:
p strong{color:black} 权重:1+1
strong.blue{color:green;} 1+10
.fatner strong{color:yellow} 10+1
p.father strong{color:orange;} 1+10+1
p.father .blue{color:gold;} 1+10+10
#header strong{color:pink;} 100+1
#header strong.blue{color:red;} 100+1+10
小三角:
<b id="jt"></b>
<br/>
当鼠标移入图案时图片变动:
img:hover{
width:80%;
height:80%;
}