Latest web development tutorials

Selektorów atrybutów CSS

Elementy stylu HTML z określonymi atrybutami

Element HTML styl to nie tylko klasy i id o specyficznych właściwościach.

Uwaga :! IE7 i IE8 deklaracji DOCTYPE musi obsługiwać tylko selektorów atrybutów!IE6 i wcześniejsze wersje nie obsługują selektorów atrybutów.

Atrybut selektorów

Poniższy przykład ma zawierać wszystkie elementy, z tytułu (Title) staje się niebieski:

Przykłady

[Tytuł] { kolor: niebieski ;}

Spróbuj »

Atrybuty i wartości selektorów

Poniższy przykład zmienia tytuł tytuł stylu border = "w3big 'elementu:

Przykłady

[Title = w3big] { border: 5 px stały zielony ;}

Spróbuj »

Wybierz Właściwości i wartości - większą wartość

Oto przykład atrybutu elementy stylu Tytuł Określa wartość używając (-), właściwości i wartości rozdzielania:

Przykłady

[Tytuł ~ = komentarzy] { kolor: niebieski ;}

Spróbuj »

Oto przykład atrybutu elementu stylu lang określa wartość używając (|) oddziela atrybuty i wartości:

Przykłady

[Lang | = pl] { kolor: niebieski ;}

Spróbuj »

styl formularz

Selektory stylu bez użycia formy klasy lub ID:

Przykłady

input [type = "text"] { Szerokość: 150 px ; Display: block ; Margin-bottom: 10 px ; Background-color: yellow ;} input [type "przycisk" =] { Szerokość: 120 px ; Margin-left: 35 px ; Display: block ;}

Spróbuj »