css选择器总结

 

 

1：通配选择符

*.div { text-decoration:none; }

 

2：类型选择符

td { font-size:14px; width:120px; }
a { text-decoration:none; }

3：属性选择符

span[class=demo] { color: red; }
div[speed="fast"][dorun="no"] { color: red; }

4：包含选择符

table td { font-size:14px; }
 
div.sub a { font-size:14px; }

5：子对象选择符

body > p { font-size:14px; }
/* 所有作为body的子对象的p对象字体尺寸为14px */
 
div ul>li p { font-size:14px; }

5：id选择符

#note { font-size:14px; width:120px;}

5：class选择符

div.note { font-size:14px; }
/* 所有class属性值等于（包含）"note"的div对象字体尺寸为14px */
 
.dream { font-size:14px; }
/* 所有class属性值等于（包含）"note"的对象字体尺寸为14px */

6：组选择符

.td1,div a,body { font-size:14px; }
td,div,a { font-size:14px; }

7：伪类选择符

div:first-letter { font-size:14px; }
a.fly :hover { font-size:14px; color:red; }