CSS3 兄弟选择器

兄弟选择器

选择元素相同级别的元素。

<!-- 符号 + -->
p + strong {
 color: red; <!-- 只选择到 strong1,也就是 p 之后的第一个元素 -->
}

<!-- 符号 ~ -->
p ~ strong {
 color: red; <!-- strong1 和 strong 2 都被选择到,~ 可以获取到 p 下面到所有 strong  -->
}

<p>p</p>
<strong>strong 1</strong>
<strong>strong 2</strong>
更多教程 HTML5 教程 CSS3 教程 JavaScript 教程 JQuery 教程 React.js 教程 Node.js 教程 Koa2 教程 Python 教程 Linux 教程