规则:
E:表示标签,元素名称,比如(div,p,ul等等);
1、E#id:使用id的元素,(div#header,img#logo,p#intro);
2、E.class:使用类的元素,(div.header,p.clumn.width);
3、E>N:子代元素,(div>p,div#footer>p>span);
4、E+N:兄弟元素(h1+p,div#header+div#content+div#footer);
5、E*N:元素倍增(ul#nav>li*5>a);
6、E$*N:条目编号(ul#nav>li.item_$*5);
注意:也可以用括号;
下面看一些例子:
1、
![](https://i-blog.csdnimg.cn/blog_migrate/6d72160d9918bc7b1d82baa379cc719b.png)
2、
![](https://i-blog.csdnimg.cn/blog_migrate/4f1da735c3fe6940bb7f33b57b30da95.png)
3、
![](https://i-blog.csdnimg.cn/blog_migrate/9f7818dccb8c3628814436aa0968177f.png)
4、
![](https://i-blog.csdnimg.cn/blog_migrate/ac5a87dce2a867772a482a4baff63bc0.png)
5、
![](https://i-blog.csdnimg.cn/blog_migrate/6a0780370b3222016ac2e8a2ef0fd05a.png)
6、
![](https://i-blog.csdnimg.cn/blog_migrate/d7b63c5f92981bf4707e9860c9c8ad8d.png)
7、
![](https://i-blog.csdnimg.cn/blog_migrate/27a295f61f465f232a2fbf96caafc76c.png)
8、
![](https://i-blog.csdnimg.cn/blog_migrate/530d4418798d739c1c31daefe1fd93e6.png)
9、
![](https://i-blog.csdnimg.cn/blog_migrate/3d97748f0557973ee9f8df99b9d834fe.png)
10、
![](https://i-blog.csdnimg.cn/blog_migrate/85eadf7bf1b496bf8016cef1faf54e68.png)