css选择器有哪些?(css选择器有哪些)

导读 你们好,最近小活发现有诸多的小伙伴们对于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选择器有哪些这篇文章的一些介绍,希望对大家有所帮助。

标签:

免责声明:本文由用户上传,如有侵权请联系删除!