如何从p类中选择所有元素?

时间:2017-11-12 03:12:09

标签: css

如何选择具有特定类名的 p 元素中的所有 a 元素?

{{1}}

6 个答案:

答案 0 :(得分:5)

删除 p 标记内的div:

<div>
  <p class="myClass">
      <a href="#">random</a>
  </p>
</div>

然后,如果您想在您提供课程的 p 标记内选择所有 a 标记。您可以执行以下操作:

.myClass a {

}

答案 1 :(得分:1)

由于该div,您可能无法定位锚标记。你在锚标签之前需要那个div吗?请参阅下面的代码段:

.myClass a {
    color: green;
  }
<div>
  <p class="myClass">
    This is
      <a href="#">random</a>
  </p>
</div>

答案 2 :(得分:1)

div *[href] { // css rules... }

<div>  
     <p class="myClass"> This is 
       <div>
            <a href="#">random</a> 
       </div> 
     </p> 
</div>

答案 3 :(得分:0)

  

<p>只能包含内联元素,请参阅here

所以,请移除div内的p

p.myClass a {
   color: red;
}
<div>
  <p class="myClass">
    This is<br>
    <a href="#">random</a>
  </p>
</div>

答案 4 :(得分:0)

您可以为 a 指定一个特定的班级名称,并将其命名为:

<a class="myA's" href="#">random</a>

CSS

a.myA's{
#do something
}

在你的情况下它应该是:

.myClass > a{
#doSmthg
}

答案 5 :(得分:0)

您需要将function groupBy(array, callback) { var object = {}; for (var i = 0; i < array.length; i++) { var item = array[i]; var key = callback(item); if (object.hasOwnProperty(key)) { object[key].push(item); } else { object[key] = [item]; } } return object; }; var list = [ { id: "102", name: "Alice"}, { id: "205", name: "Bob", title: "Dr." }, { id: "592", name: "Clyde", age: 32 } ]; var byId = groupBy(list, function(i) { return i.id; }); console.log(byId); var byNameLength = groupBy(list, function(i) { return i.name.length; }); console.log(byNameLength);更改为<p>,然后使用此

<div>

或删除.myClass > div a { ... }` 中的<div>并尝试此

<p>