导读 你们好,最近小活发现有诸多的小伙伴们对于css选择器有哪些?,css选择器有哪些这个问题都颇为感兴趣的,今天小活为大家梳理了下,一起往下...
你们好,最近小活发现有诸多的小伙伴们对于css选择器有哪些?,css选择器有哪些这个问题都颇为感兴趣的,今天小活为大家梳理了下,一起往下看看吧。
1、属性选择器
2、[attr=value]源码如下图:
3、[attr=value]效果如下图:
4、[attr~=value]源码如下图:
5、[attr~=value]效果如下图:
6、[att|=value]源码如下:
7、[att|=value]效果如下图:
8、[att^=value]源码如下:
9、[att^=value]效果如下:
10、[att$=value]源码如下:
11、[att$=value]效果如下:
12、[att*=value]源码如下图:
13、[att*=value]效果如下图:
14、<h4>子选择器</h4>
15、 <pre>
16、 子选择器使用“>”符号。
17、 tr>th{
18、 font-weight: bold;
19、 }
20、 </pre>
21、<h4>兄弟选择器</h4>
22、 <pre>
23、 兄弟选择器使用“+”符号。
24、 tr+tr{
25、 color: white;
26、 }
27、 查找所有的邻近兄弟节点,使用“~”符号即可
28、 </pre>
以上就是css选择器有哪些这篇文章的一些介绍,希望对大家有所帮助。
标签:
免责声明:本文由用户上传,如有侵权请联系删除!