Selector după numele atributului

Selectorul după numele atributului stabilește stilul pentru un element care are doar atributul specificat al etichetei.

Exemplu

Să ne referim la eticheta <input>, cu atributul type, și să-i setăm o culoare de fundal albastru deschis:

html<p>
  <label>Introdu text</label>
  <input>
</p>
<p>
  <label>Introdu numărul</label>
  <input type="number">
</p>
cssinput[type] {
  background-color: #C2DDFD;
}

Результат:

Vedeți și

  • selector atributului,
    care caută elementul după valoarea atributului
  • selector atributului,
    care caută elementul după începutul valorii atributului
  • selector atributului,
    care caută elementul după sfârșitul valorii atributului
  • selector atributului,
    care caută elementul după textul din valoarea atributului
  • selector atributului,
    care caută elementul după una dintre valorile atributului
  • selector atributului,
    care caută elementul după liniuța din valoarea atributului
  • Selectorul copil,
    care permite selectarea elementelor după imbricarea directă
  • Selectorul contextual,
    care permite selectarea unui element după părintele său
  • Selectorul adiacent,
    care permite selectarea unui element după vecinul său
  • Selectorul de frați general,
    care permite selectarea elementelor după cel specificat
  • Selectorul universal,
    care permite selectarea tuturor elementelor