在 CSS 中“+”符号选择器用于选择紧跟在指定元素之后但不在特定元素内部的元素。下面本篇文章就来具体介绍一下，希望对大家有所帮助。在 CSS 中“+”符号选择器被称为相邻兄弟选择器，用于选取在同一父元素下的，紧跟指定元素之后的另一个元素。
基本句式
- 元素E + 元素F{
- //CSS属性
- }
说明：所有主流浏览器都支持“+”符号选择器；但在 IE8 中运行，必须声明<!DOCTYPE>。
代码示例
- <!DOCTYPE html>
- <html>
- <head>
- <meta charset="UTF-8" />
- <title>“+”符号选择器</title>
- <style>body { text-align:center; } h1 { color:red; } div{ font-size:25px; } h2+div { font-size:20px; font-weight:bold; display:inline; background-color: yellow; color:green; }</style>
- </head>
- <body>
- <h1>PHP</h1>
- <div>HTML</div>
- <h2>CSS</h2>
- <div>Javascript</div>
- <div>MySQL</div>
- </body>
- </html>
可以看出，h2+div{}是选择紧跟 h2 元素之后的第一个 div 元素，并为其添加样式。以上就是 CSS 的+(加号)选择器怎么用的详细内容，更多请关注创客云其它相关文章！
