CSS选择器

/* 类选择器 */
.cId {color:red;}

/* ID选择器 */
#clickme {font-size:19px;}

/* 标签选择器 */
input {border:1px red solid;}

/* 后代选择器
<div id="dId">
<div>ff</div>
<ul>
<li>aa</li>
<li>bb</li>
<li>cc</li>
</ul>
</div>*/
div {border:1px gray solid; width:500px; height:200px;}
#dID div {border:1px red solid; width:100px; height:50px; }
#dID ul {color:red; }

/* 属性选择器 */
/* 1.简易属性
<a class="c">c</a>
<a title="t">t</a>
*/
a[title][class] {color:green; }

/* 2.精确值匹配
<a class="c">c</a>
<a title="t">t</a>
*/
a[title="t"][class="c"] {color:green; }

/* 3.部分值匹配
<a class="urgent warning">c</a>
*/
a[class~="urgent"] {color:green; } 或者
a[class~="warning"] {color:green; }

/* 4.特殊匹配
<a class="en-warning">c</a>
*/
*[class|="en"] {color:green; }