我一直在尝试解决这个问题,但似乎无法正确解决,也许我的想法有些偏离,但就是这样。
我无法控制 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;
}
任何人都可以对此有所了解吗?提前致谢!