选择器1 + 选择器2 { 属性: 值; }
这个选择器1可以是任何元素,它将选择下一个同级元素选择器2并应用样式。 让大家看看一个示例:
h1 + p { color: red; }
上面的CSS代码将会把下一个同极元素p的文字颜色改变成红色。 换句话说,如果想要将每个
元素后面的第一个
元素的文字标为红色,就可以使用此代码
此外,大家还可以使用波浪符号“~”来选择下一个同级元素,例如:
选择器1 ~ 选择器2 { 属性: 值; }
这个选择器1也可以为任何元素,它将选择下面所有相同元素级别的选择器2并应用样式。 让大家看一个示例:
h1 ~ p { color: red; }
上面的CSS代码将会把所有
下面的
元素的文字颜色改变成红色。 换句话说,如果想要将每个
元素后面的所有
元素的文本标为红色,就可以使用此代码。