在CSS中,想要选择另一个元素之前的元素,可以使用相邻兄弟选择器(+)或者一般兄弟选择器(~)
相邻兄弟选择器示例:
/* 选择紧邻在 h1 元素后面的 p 元素 */
h1 + p {
/* 你的样式代码 */
}
一般兄弟选择器示例:
/* 选择在 h1 元素后面的所有 p 元素 */
h1 ~ p {
/* 你的样式代码 */
}
请注意,这些选择器只能选择同级别的元素,即它们位于相同的父元素下。而且,相邻兄弟选择器只能选择紧邻的下一个兄弟元素,而一般兄弟选择器可以选择所有之后的兄弟元素。
领取专属 10元无门槛券
手把手带您无忧上云