CSS3选择器用法小结

1.*通配符选择器

　　eg:*{margin:0;padding:0;}

2.#id选择符

　　ID选择器是CSS中效率最高的选择器，使用的时候要保证ID的唯一性

　　eg:#div{width:960px;margin:auto},id为div的标签

3. . class类选择器

　　eg：.div{width:960px}通过class名进行引用

4.标签选择器

　　通过标签来引用。eg:a{color:red}

5.标签组合选择器

　　eg:div a{color:red} div下的a标签引用

6.标签并联选择器

　　eg:div,a{color:red}   div与a是同级

7.伪类选择器

　　最常用的为a标签eg: :hover,:link,:active，:visited,:lang等

　　eg:input[type="radio"]:checked+label{color:red}
　　<input type="radio" value="男" checked name="sex"><label>男</label>

8.毗邻元素选择器

　　 a+b 紧邻a标签的同级b标签

　　eg：a+ b { color: red; }

9.子元素选择器

　　a>b a标签下的b标签

eg:

#div > ul { border: 1px solid black; }

<div id="div">

<ul>

　　<li>

　　　　List Item

　　　　 <ul>

　　　　　　 <li> Child </li>

　　　　</ul>

　　</li>

　　<li> List Item </li>

　　<li> List Item </li>

　　<li> List Item </li>

</ul>

</div>

10.兄弟选择器

　　a~b a标签后所有的同级b标签

11.属性选择器

　　a[title]{}匹配a包含title的标签
　　a[href="a"]{}匹配href为“a”的标签
　　a[href*="a"]{}匹配所有href中含有“a”的标签
　　a[href^="a"]{}匹配href中以a开头的标签
　　a[href$="a"]{}匹配href中以a结尾的标签