在现场(不是我的),我可以自定义CSS(仅纯CSS)。另外,我可以在a
和something
之间切换元素something on
的类。
(示例代码“原因太复杂了”)
正常:
<div class="out_1">
<a class="in_1">
<a class="in_2">
</div>
<div class="out_2">
Something
</div>
已切换元素in_1
:
<div class="out_1">
<a class="in_1 on">
<a class="in_2">
</div>
<div class="out_2">
Something
</div>
已切换元素in_2
:
<div class="out_1">
<a class="in_1">
<a class="in_2 on">
</div>
<div class="out_2">
Something
</div>
并且我需要将元素out_2
的边框更改为in_1
也具有on
的绿色,并更改为in_2
具有on
的红色...
我想出了
a[class*="in_1"][class$="on"] ~ div[class="out_2"] {
border: 2px solid green;
}
a[class*="in_2"][class$="on"] ~ div[class="out_2"] {
border: 2px solid red;
}
但显然~
选择器仅在out_1
内部起作用...
还有其他方法,还是没有希望?
感谢您的帮助。