07. Selektor atrybutu, którego wartość rozpoczyna się od danego ciągu znaków wraz z ewentualnym łącz

Przeznaczenie selektora [A|="V"]

Selektor atrybutu, którego wartość rozpoczyna się od danego ciągu znaków wraz z ewentualnym łącznikiem odszukuje każdy element HTML, którego wartość atrybutu HTML o podanej przez nas nazwie rozpoczyna się od ciągu znaków, który podaliśmy. Dodatkowo po wspomnianym ciągu znaków może wystąpić łącznik w postaci znaku - (myślnik).

Selektor atrybutu, którego wartość rozpoczyna się od danego ciągu znaków wraz z ewentualnym łącznikiem tworzymy za pomocą nawiasu kwadratowego [], w którym należy umieścić nazwę interesującego nas atrybutu HTML, po której należy umieścić znaki |= (kreska pionowa oraz znak równości), po których należy podać (pomiędzy cudzysłowem pojedynczym ' lub podwójnym ") interesujący nas ciąg znaków.

Informacje techniczne o selektorze [A|="V"]

ograniczenie - elementy HTML

  • brak

ograniczenie - właściwości CSS

  • brak

Przykładowa reguła CSS, selektor [A|="V"]

Wyjaśnienie przykładowej reguły CSS

title

  • do każdego elementu HTML, którego wartość atrybutu title

|=

  • rozpoczyna się od

"opis"

  • ciągu znaków opis wraz z ewentualnym znakiem myślnika

color

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

red

  • na barwę czerwoną

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

Rezultat

Interpretacja selektora [A|="V"]

Last updated