相邻选择器是以+字符连接两个元素组合的选择器形式
语法：
- 元素1 + 元素2{声明样式}
- /* 声明选择同一父级元素下，紧跟在元素1之后的元素2css样式 */
实例HTML代码：
- <ul>
- <li>什么是相邻选择器 - 覃师宁博客</li>
- <li>这是项目列表A</li>
- <li>这是项目列表B</li>
- </ul>
实例CSS代码：
- li:first-of-type + li{color: red;}
- /* 声明紧邻第一个li后面的li颜色为红色*/
实例在浏览器运行效果：
相邻选择器是以+字符连接两个元素组合的选择器形式
语法：
- 元素1 + 元素2{声明样式}
- /* 声明选择同一父级元素下，紧跟在元素1之后的元素2css样式 */
实例HTML代码：
- <ul>
- <li>什么是相邻选择器 - 覃师宁博客</li>
- <li>这是项目列表A</li>
- <li>这是项目列表B</li>
- </ul>
实例CSS代码：
- li:first-of-type + li{color: red;}
- /* 声明紧邻第一个li后面的li颜色为红色*/
实例在浏览器运行效果：
#版权声明#
一、覃师宁博客 | 本文采用知识共享署名 4.0 国际许可协议[BY-NC-SA]进行授权
二、文章名称：《什么是相邻选择器？》
三、文章固定链接：http://qinshining.comhttp://qinshining.com/webpage/47.html
四、覃师宁博客（qinshining.com）原创版权所有，禁止一切形式采集/转载，如需转载请联系站长！
