各种选择器

交集选择器： p.red

选择<p  class="red">

 

并集选择器：

div,p,span,.choose,#idname {color:red}

 

后代选择器：

div p{color:red}              选中div下的p标签

.choose p{color:red}                选中.choose类下的p标签

 

子代选择器：（仅限于第一代）

.choose>h3{color:red}

 

属性选择器：选择具有某种属性的标签

a[title]{color:red}            选择带title的a标签             

input[type=text]{color:red}               选择type为text的input标签，并把value的字体颜色改为红色

div[class=^font]{color:red}            选择类名是以 font 开头的标签，如 div{class="font12"}    div{class="font13"} 

div[class=$font]{color:red}            选择类名是以 font 结尾的标签，如 div{class="12font"}    div{class="13font"} 

div[class=*font]{color:red}            选择类名中包含font字的标签，如 div{class="12font11111"}    div{class="13font2222"}