Code前端首页关于Code前端联系我们

CSS中的关系选择器

terry 2年前 (2023-09-27) 阅读数 62 #数据结构与算法

关系选择器是指根据元素与其他元素的关系来选择元素的选择器。常见的符号有空格、>、~、+等,非常常用。选择器。

  • 后代选择器:按照规则选择所有后代元素。空间连接。
  • 相邻后代选择器:按照规则只选择子元素,忽略孙子和曾孙元素,所以也称为“子选择器”。 > 连接。适用于IE7及以上版本。
  • 同级选择器:选择当前元素后面的所有常规同级元素。 ~连接。适用于IE7及以上版本。
  • 相邻同级选择器:只需选择当前元素旁边的常规同级元素。 +连接。适用于IE7及以上版本。

并行选择器:使用div.demo{}选择另一个div

<div>1</div>
<div class="demo">2</div>
<p class="demo">3</p>

以上内容适用于CSS方面的选择器。

版权声明

本文仅代表作者观点,不代表Code前端网立场。
本文系作者Code前端网发表,如需转载,请注明页面地址。

热门