css选择器

2023-12-21 15:46:43

子代选择器 >

<ul id="father">
  <li id="son"> 
	<ul id="grandson">
	</ul>
  </li>
  <li> </li>
  <li> </li>
</ul>

ul > li? 只能选择子代的元素，不可能会选择到孙子辈

后代选择器(以空格隔开)

div.contain .blue{color:blue;}

以上规则的结果为：“所有class属性值为contain的div元素，其后代中class属性值为blue的任何元素显示为蓝色字体”。

div.contain.blue{color:blue;}

以上规则的不同之处在于，‘.contain’?类选择器?与’.blue’ 类选择器之间少了一个空格！少了空格，以上选择器就不是后代选择器了，而是另外一种选择器：“多类选择器”。

多类选择器：指的是 div 标签，定义了多个类，如下所示：

<div class="contain blue">

</div>

参考链接：CSS - 选择器详解 - 子代、后代选择器详解 - 伪类选择器 - 测试_css后代选择器-CSDN博客

文章来源:https://blog.csdn.net/content6/article/details/135130047
本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。