CSS 相邻同级组合器:了解加号
在 CSS 中,加号 ( ) 用作相邻同级组合器。这意味着它选择紧随特定元素之后的元素。
示例:
<code class="css">h2 + p { font-size: 1.4em; font-weight: bold; color: #777; }</code>
在此规则中,h2 p 选择器针对直接出现的所有 p 元素在 h2 元素之后。
如何实现有效:
相邻同级组合器确保所选元素:
插图:
考虑以下 HTML结构:
<code class="html"><h2>Headline!</h2> <p>The first paragraph.</p> <!-- Selected --> <p>The second paragraph.</p> <!-- Not selected --> <h2>Another headline!</h2> <blockquote> <p>A quotation.</p> <!-- Not selected --> </blockquote></code>
结果:
用法:
相邻同级组合器对于设计元素中特定序列的样式非常有用文档,例如:
以上是加号 ( ) 在 CSS 相邻同级组合器中如何工作?的详细内容。更多信息请关注PHP中文网其他相关文章!