css上一个元素的

在 CSS 里面，我们可以使用很多方法去选择和控制一个元素，其中一个比较常用的方式就是上一个元素选择器（:previous-sibling）。

 p:first-child + p {
        /* 样式代码 */
    } 

上一个元素选择器通常和其他选择器一起使用，实现对某一元素的更细粒度选择。例如，我们可以利用上一个元素选择器选择一个段落（p）标签中的第一个子元素：

 p:first-child {
        /* 样式代码 */
    } 

但是如果我们想选择第一个段落之后的段落，并对其进行样式控制，这时候就需要上一个元素选择器了：

 p:first-child + p {
        /* 样式代码 */
    } 

在上面的代码中，"p:first-child"指的是第一个段落，"+p"指的是这个段落的下一个兄弟元素（如果有）。所以这段代码就能够选中从第二个段落开始的所有段落元素。

另外，需要注意的是，上一个元素选择器只能够选中前一个兄弟元素。如果想要选择一个元素之前的多个兄弟元素，可以使用通用兄弟选择器：

 p:first-child ~ p {
        /* 样式代码 */
    } 

在上面的代码中，"p:first-child"指的是第一个段落，"~p"指的是它之后的所有兄弟元素。所以这段代码就能够选中第二个段落之后的所有段落元素。