CSS 后续兄弟选择器 (~)
示例
选择并设置所有在同一个父元素下,且前面有 <p> 元素的 <ul> 元素的样式
p ~ ul {
background-color: gold;
border: 1px solid gray;
}
亲自试一试 »
定义和用法
后续兄弟选择器 (~
) 匹配所有在第一个元素 (element1) 之后出现的 element2。
element1 和 element2 都必须拥有相同的父元素,但 element2 不必紧跟在 element1 之后。
版本 | CSS3 |
---|
浏览器支持
表格中的数字指定了第一个完全支持该选择器的浏览器版本。
组合器 | |||||
---|---|---|---|---|---|
element1 ~ element2 | 4.0 | 7.0 | 3.5 | 3.2 | 9.6 |
CSS 语法