Czy istnieje sposób, aby zadzwonić do dowolnego elementu na stronie internetowej z tym samym atrybutem? Jeśli mam na przykład następujące elementy:

<h1 example="true">Test</h1>
<p example="true">Test 2</p>

Czy mogę do nich zadzwonić? Więc bez użycia następujących -

h1[example="true"]{
    color: red;
}
p[example="true"]{
    color: red;
}

LUB

h1[example="true"], p[example="true"]{
    color: red;
}

Potrzebuję tylko sposobu, aby zadzwonić do każdego elementu z tym atrybutem, który jest prawdziwy.

2
ncls. 28 lipiec 2020, 00:18

1 odpowiedź

Najlepsza odpowiedź

Możesz zrobić bezpośrednio, określając selektor CSS [Atrybut] bez nazwy tagów poprzedzających go w następujący sposób -

[example="true"]{
  color:red;
}
<h1 example="true">Test</h1>
<p example="true">Test 2</p>

Tak więc, w powyższym przykładzie każdy element mający atrybut example ustawiony na true zostanie wybrany przez selektor CSS, a stylizacja CSS zostanie zastosowana do wszystkich.

Możemy użyć selektora atrybutu, takiego jak a[attr=value] lub h[attr=value]. Rozważ powyższy kod, aby być jak - *[attr=value], który wybiera wszystkie elementy mające ten atrybut.

2
Abhishek Bhagate 27 lipiec 2020, 21:32