26. :optional - CSS3

Przeznaczenie selektora :optional

:optional { ... }

Selektor :optional odwołuje się do każdego elementu HTML, którego cechy w danym momencie spełniają zasadę pseudoklasy :optional.

Cechy elementu HTML spełniają zasadę pseudoklasy :optional, gdy w danym momencie dany element HTML nie posiada atrybutu required, który mógłby posiadać.

Informacje techniczne o selektorze :optional

ograniczenie - elementy HTML

  • element input nieposiadający w danym momencie atrybutu required

  • element select nieposiadający w danym momencie atrybutu required

  • element textarea nieposiadający w danym momencie atrybutu required

ograniczenie - właściwości CSS

  • brak

Przykładowa reguła CSS, selektor :optional

input:optional {
  background-color:red;
}

Wyjaśnienie przykładowej reguły CSS

input:optional

  • do każdego elementu input, który nie posiada atrybutu required

background-color

  • dodaj właściwość CSS, która zmieni kolor tła elementu HTML

red

  • na barwę czerwoną

Kod źródłowy przykładowego dokumentu HTML

Rezultat

Interpretacja selektora :optional

Last updated