如何选择具有特定类名的 p 元素中的所有 a 元素?
{{1}}
答案 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>