欢迎访问覃师宁博客!

什么是后代选择器

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

语法:

  • 元素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;}

浏览器实例样式:

什么是后代选择器

    猜你喜欢

    无相关信息

文章评论

人参与,共有 0 条评论

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