这是p元素

这是紧挨着p元素的第一个span元素 这是第二个span

显示为第一个span为红色。

4.兄弟选择符(E~F)
选择E元素之后的所有兄弟元素F,作用于多个元素,用~隔开。示例:

这是p元素

这是紧挨着p元素的第一个span元素 这是第二个span

显示为第一个span为红色。

4.兄弟选择符(E~F)
选择E元素之后的所有兄弟元素F,作用于多个元素,用~隔开。示例:

</h3> <div> <div id="cnblogs_post_body" class="blogpost-body cnblogs-markdown"> <p>1.包含选择符(E F)<br> 选择所有被E元素包含的F元素,中间用空格隔开示例:</p> <title>
  • 苹果
  • 橙子
  • 西瓜
全部显示为红色的。

2.子选择符(E>F)

选择所有作为E元素的直接子元素F,对更深一层的元素不起作用,用大括号表示。示例:

显示为第一个a标签为红色。

3.相邻选择符(E+F)
选择紧贴在E元素之后的F元素,用加号表示。选择相邻的第一个兄弟元素。示例:

这是p元素

这是紧挨着p元素的第一个span元素 这是第二个span

显示为第一个span为红色。

4.兄弟选择符(E~F)
选择E元素之后的所有兄弟元素F,作用于多个元素,用~隔开。示例:

这是p元素

这是紧挨着p元素的第一个span元素 这是第二个span 显示为所有上盘元素为红色。

【推广】 免费学中医,健康全家人
原文地址:https://www.cnblogs.com/huenchao/p/6407472.html