css分组选择器

<div class="wrapper">
  <div class="box">
      <a href="">121212</a>
   </div>
</div>

<p>
   <a href="">12</a>
</p>
 .wrapper .box ,a{
        color: red;
    }

上面的css应用的效果是.wrapper元素下的.box子元素的字体颜色为红色,所有的a标签的字体颜色为红色,并不仅仅只是.box元素下的a标签中的字体颜色为红色。若想只是设置.box元素下的a标签的字体颜色为红色,则正确代码如下:

 .wrapper .box ,.wrapper .box a{
        color: red;
    }

猜你喜欢

转载自blog.csdn.net/qq_40713392/article/details/85082676