Question

如何使用css选择包含class = class1

的div中的所有标记

假设我有这个结构（只是一个例子）：

 <div class="class1"> 
         <div> <a>should be selected</a> </div>
         <p><span> <a>should be selected</a> </span></p>  
         <a>should be selected</a>
 </div>
 <a>should not be selected</a>

如何选择{1}}中包含class1而不是其他位置的所有a个元素。我试着这样做 div但它没有选择我需要的所有标签

Answer 1

您的选择器

.class＆gt;一个

＆＃13;

.class1 > a {
  color:red;
  }

＆＃13;

<div class="class1">
  <div> <a>should be selected</a> 
  </div>
  <p><span> <a>should be selected</a> </span>
  </p>
  <a>Just this will be selected</a>
</div>

＆＃13;

只定位a内.class标记的直接后代。只需走一层深。

用

.class a

＆＃13;

.class1 a {
  color: red;
}

＆＃13;

<div class="class1">
  <div> <a>should be selected</a> 
  </div>
  <p><span> <a>should be selected</a> </span>
  </p>
  <a>should be selected</a>
</div>

＆＃13;

您选择a内的所有.class代码。所有级别。

Answer 2

这仅适用于标签吗？选择div会起作用

选择特定类中的所有标记

2 个答案: