Выбрать элементы с одинаковым значением атрибута

Question

Есть ли способ выбрать элементы с тем же значением атрибута, к которому у меня точно нет доступа? Я представляю себе это делать в пути, как это:

.first[attribute=.second[attribute]]

Я хочу использовать только чистый CSS.

Answer 1

нет, нет никакого способа, чтобы достичь этого с помощью CSS

Однако, если вам нужно сделать что-то вроде этого, вы должны рассмотреть вопрос об изменении разметки (ех, используя дополнительные классы.) - CSS не является языком программирования

Answer 2

CSS не может этого сделать. Для сравнения двух элементов вам необходимо иметь доступ к DOM.

Мы не можем достичь этого через CSS, но это можно сделать с помощью JavaScript:

window.onload=function(){ 
 
    var attr = 'elementValue', 
 
     elements=document.querySelectorAll('.first, .second'); 
 

 
    console.log(
 
     elements[0].getAttribute(attr) === 
 
     elements[1].getAttribute(attr) 
 
    ); 
 
}

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

Надеется, что это помогает