这是p元素

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

显示为第一个span为红色。

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

- 润新知
  • 这是p元素

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

    显示为第一个span为红色。

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

    </h1> <hr> <span class="pre-scrollable"><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 显示为所有上盘元素为红色。

  • 相关阅读:
    进程与线程的一个简单解释
    如何更优雅的写出你的SQL语句
    SQL 性能优化梳理
    如何写出让同事无法维护的代码?
    Linux配置IP常用命令
    Linux中防火墙命令笔记
    蓝牙技术的工作原理及用途
    别死写代码,这 25 条比涨工资都重要
    搞清这些陷阱,NULL和三值逻辑再也不会作妖
    计算机网络:TCP和UDP的对比
  • 原文地址:https://www.cnblogs.com/huenchao/p/6407472.html
  • Copyright © 2020-2023  润新知