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标签中的字体颜色为红色（也就是该写法（.wrapper .box ,a）不等于.wrapper a ）。若想只是设置.box元素下的a标签的字体颜色为红色，则正确代码如下：

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