当你认识孩子时，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">

由于HTML中的重复ID无效，因此您的问题在此上下文中确实无效。 你应该使用一个类或重新考虑你的结构。

第一个div的示例：

<div class="mainDiv firstdiv">

以及后续的div：

<div class="mainDiv">

CSS：

.firstdif{}

把你的CSS放进去。

Answer 2

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

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