Selectori de atribute CSS. Selector CSS [attribute*="value"]. Formulare stilizate.

Selector CSS [attribute*="value"]

Selectorul [attribute*="value"] este utilizat pentru a selecta elementele a căror valoare de atribut conține o valoare specificată.

Următorul exemplu selectează toate elementele cu valoarea de atribut class care conține "te":

Notă: Valoarea nu trebuie să fie un cuvânt întreg!

Exemplu:

[class*="te"] {
  background: yellow;
}

Formulare stilizate (Styling Forms)

Selectoarele de atribute pot fi utile pentru stilul formularelor fără clasă sau ID:

Exemplu:

input[type="text"] {
  width: 150px;
  display: block;
  margin-bottom: 10px;
  background-color: yellow;
}

input[type="button"] {
  width: 120px;
  margin-left: 35px;
  display: block;
}