html - 当您知道孩子时，CSS选择器获取父母

Question

我有以下 HTML

<div id"mainDiv">
        <ul id="cat1">
        </ul>
</div>

<div id"mainDiv">
        <ul id="cat2">
        </ul>
</div>

我想在我的 CSS 中选择具有子 ul“cat1”的“mainDiv”，因为我想在该 div 上应用一些样式。但不是所有的 maindiv

有任何想法吗？

Answer 1

您的标记无效：

<div id"mainDiv">

应该

<div id="mainDiv">

由于重复 ID 在 HTML 中无效，因此您的问题在这种情况下确实无效。您应该使用课程或重新考虑您的结构。

第一个 div 的示例：

<div class="mainDiv firstdiv">

和随后的div：

<div class="mainDiv">

CSS：

.firstdif{}

把你的 CSS 放进去。

Answer 2

目前没有 CSS 选择器，所以你将不得不求助于一些 JavaScript/jQuery：

$('#cat2').parent().css(/* add it here */);