Question

有没有办法选择具有相同属性值的元素，而我无法完全访问？我想像这样做：

.first[attribute=.second[attribute]]

我想只使用纯CSS。

Answer 1

不，没有办法用css实现这个目标

但是，如果您需要执行此类操作，则应考虑更改标记（例如，使用其他类） - css不是编程语言

Answer 2

CSS无法做到这一点。要比较两个元素，您需要访问DOM。

我们无法通过css实现这一点，但这可以通过JavaScript完成：

＆＃13;

window.onload=function(){
   var attr = 'elementValue',
       elements=document.querySelectorAll('.first, .second');

   console.log(
       elements[0].getAttribute(attr) ===
       elements[1].getAttribute(attr)
   );
}

＆＃13;

<div class="first" elementValue="1">hello</div>
<div class="second" elementValue="1">hello</div>

＆＃13;

希望这有帮助

选择具有相同属性值的元素

2 个答案: