0

我一直在尝试解决这个问题,但似乎无法正确解决,也许我的想法有些偏离,但就是这样。

我无法控制 UL 类名,它们就是它们。我只能更改 的类名,代码如下:-

<div class="custom-parent-div-name-changeable">
<div class="custom-child-div-name-changeable">
<div class="cant-change-this">
<ul class="name-cant-be-changed">
<li>first item</li>
<li>second item</li>
<li>third item</li>
</ul>
</div>
</div>
</div>

我遇到的问题是 UL 的“名称无法更改”类具有背景和边框集。由于用于为网站提供动力的软件的限制,我需要使用 !important 选择器删除另一个样式表中的背景和边框。

主要的挫折是同一个类(“name-cant-be-changed”)在页面上使用了两次。所以我需要为“cant-change-this”div 类中的“name-cant-be-changed”创建 CSS。“name-cant-be-changed”的两个实例都在一个具有“cant-change-this”类的 div 中,但具有不同的父类名称,例如。“任何旧名称”,如下所示:-

<div class="parent-div">
<div class="any-old-name">
<div class="cant-change-this">
<ul class="name-cant-be-changed">
<li>apple</li>
<li>orange</li>
<li>banana</li>
</ul>
</div>
</div>
</div>

如何为 UL 类“name-cant-be-changed”创建单独的 CSS,该类基于两者所在的父级呈现?

我尝试使用以下,类名的各种组合无济于事: -

.custom-child-div-name-changeable > .name-cant-be-changed {
background: none !important;
border: none !important;
}

任何人都可以对此有所了解吗?提前致谢!

4

2 回答 2

0

运算符的意思是“前一个选择器的>直接子代”。我想你想要这样的东西:

.custom-child-div-name-changeable .name-cant-be-changed {
    background: none !important;
    border: none !important;
}

或者

.custom-child-div-name-changeable > div .name-cant-be-changed {
    background: none !important;
    border: none !important;
}

或者

.custom-child-div-name-changeable > div.cant-change-this .name-cant-be-changed {
    background: none !important;
    border: none !important;
}
于 2013-09-04T22:08:20.207 回答
0

任何一个:

.any-old-name .name-cant-be-changed {…}

或者

.any-old-name > .cant-change-this > .name-cant-be-changed {…}

第一个内容是:所有带有 '.name-cant-be-changed' 的元素在某个地方有一个带有 class 的父级.any-old-name

第二个内容是:所有具有.name-cant-be-changed直接父级的元素.cant-change-this都有一个直接父级.any-old-name

于 2013-09-04T22:10:52.683 回答