有没有办法在父代之外寻址元素?

时间:2019-08-12 11:34:58

标签: css

在现场(不是我的),我可以自定义CSS(仅纯CSS)。另外,我可以在asomething之间切换元素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内部起作用... 还有其他方法,还是没有希望?

感谢您的帮助。

0 个答案:

没有答案