欢迎访问覃师宁博客!
帝国cms使用教程手册

覃师宁博客 覃师宁博客

qinshining.com

当前位置:覃师宁博客 > 网页制作

什么是后代选择器

来源:qinshining.com 编辑:覃师宁 时间:2021-01-05

后代选择器是以空格字符连接两个元素组合的选择器形式

语法:

  • 元素1 元素2{声明样式}
  • /*  即表示选择元素1内部的所有元素2来声明css样式  */

实例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;}

浏览器实例样式:

什么是后代选择器

文章评论

人参与,共有条评论

为了响应国家网信办《网站要对跟帖评论审核管理规定》,网站评论将审核后发表