css下一个元素

在CSS中，可以使用“下一个元素选择器”选中元素后面紧跟的一个元素。

 选择器1 + 选择器2 {属性: 值;} 

示例代码如下：

  <style>
            p + span {
                font-weight: bold;
            }
        </style>
        <p>这是一段文本</p>
        <span>要加粗的文本</span>
        <p>这是下一个段落</p>
        <span>不会被加粗</span> 

执行结果是，只有紧接在p标签后面的span标签被加粗。