Selektor po nazwie atrybutu

Selektor po nazwie atrybutu ustawia styl elementowi, który ma tylko określony atrybut znacznika.

Przykład

Odnijmy się do znacznika <input>, z atrybutem type, i ustawmy mu niebieski kolor tła:

html<p>
  <label>Wpisz tekst</label>
  <input>
</p>
<p>
  <label>Wpisz liczbę</label>
  <input type="number">
</p>
cssinput[type] {
  background-color: #C2DDFD;
}

Результат:

Zobacz też

  • selektor atrybutu,
    który wyszukuje element po wartości atrybutu
  • selektor atrybutu,
    który wyszukuje element po początku wartości atrybutu
  • selektor atrybutu,
    który wyszukuje element po końcu wartości atrybutu
  • selektor atrybutu,
    który wyszukuje element po tekście w wartości atrybutu
  • selektor atrybutu,
    który wyszukuje element po jednej z wartości atrybutu
  • selektor atrybutu,
    który wyszukuje element po myślniku w wartości atrybutu
  • Selektor dziecka,
    który pozwala wybrać elementy według bezpośredniego zagnieżdżenia
  • Selektor kontekstowy,
    który pozwala wybrać element według jego rodzica
  • Selektor sąsiadujący,
    który pozwala wybrać element według jego sąsiada
  • Selektor rodzeństwa,
    który pozwala wybrać elementy po podanym
  • Selektor uniwersalny,
    który pozwala wybrać wszystkie elementy