后代选择器是以空格字符连接两个元素组合的选择器形式
语法:
- 元素1 元素2{声明样式}
实例HTML代码:
- <ul>
- <li>
- <div>
- 什么是后代选择器1 - 覃师宁博客
- </div>
- <ul>
- <li>列表项目A</li>
- <li>列表项目B</li>
- </ul> </li>
- <li>
- <div>
- 什么是后代选择器2 - 覃师宁博客
- </div>
- <ul>
- <li>列表项目A</li>
- <li>列表项目B</li>
- </ul></li>
- </ul>
实例CSS代码:
- li {list-style-type: disc;}
- li li {list-style-type: circle;color:#ed2000;}
浏览器实例样式: