Question

我该怎样做＆＃34;选择所有元素，其子元素与某个选择器匹配＆＃34;？

例如。有一些元素<div>，其中每个元素都有一个<a>子元素，其中一些是<a class="typ1">，其中一些是<a class="typ2">。我想选择所有<div>个元素，这些元素的<a>子元素为typ1类。

我知道，如果我想要<a>个元素，我可以做a.typ1', but how do I get the`父母那样的事情？

Answer 1

截至目前，有一种 NO WAY 在CSS中引用回父母。请参考这个 W3 documentation.

Answer 2

无法使用css选择父级。但你可以使用jquery来做到这一点。

查看小提琴here

<强> HTML

<div>
    <a class="type-1">as</a>
</div>
<div>
    <a class="type-2">asd</a>    
</div>
<div>
       <a class="type-3">asd</a>    
</div>

<强> CSS

.type-1-parent{
    background:red;

}
.type-2-parent{
    background:blue;

}
.type-3-parent{
    background:green;

}

<强> JQUERY

$(".type-1").parent("Div").addClass("type-1-parent");
//or use closest method
//$(".type-1").closest("Div").addClass("type-1-parent");
$(".type-1").parent("Div").addClass("type-1-parent");
$(".type-2").parent("Div").addClass("type-2-parent");
$(".type-3").parent("Div").addClass("type-3-parent");

我希望这就是你想要的

css选择器根据子项获取父级

2 个答案: