什么是相邻选择器？

编辑：覃师宁来源：qinshining.com 时间：2021-01-05 58人已围观

简介相邻选择器是以+字符连接两个元素组合的选择器形式语法：元素1 + 元素2{声明样式} /* 声明选择同一父级元素下，紧跟在元素1之后的元素2css样式 */实例HTML代码： <ul> <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颜色为红色*/

实例在浏览器运行效果：

什么是相邻选择器？

覃师宁博客