Caracteristica selectoare - este selectori care vă permit să aplicați stiluri pentru elementele HTML au atribute specifice sau valoare specifică atribut. Există mai multe modalități de aplicare a acestora, dar, în ciuda acestui fapt flexibilitate, în practică, atribut selectoare rar utilizate, deoarece nu sunt selectoare mai convenabile. În timp ce pe de altă parte, uneori, ele sunt foarte utile.
Sintaxa atribut selectoare
Pentru a aplica stiluri pentru elemente cu atribute specifice, necesare în paranteze pătrate []. specificați atributul.
Pentru stilurile aplicate elementele care au nu doar un anumit atribut, și un atribut cu o anumită valoare - este necesar după atribut scrie semnul egal (=), iar valoarea care poate fi citat.
Unele atribute pot avea valori multiple, separate printr-un spațiu (de exemplu, rel atribut tag sau clasă. ne vom uita la mai târziu). Deci, pentru a stabili elementele de stil, în care una dintre valorile din atributele la fel, trebuie să pună semne după atribut
= (Aproximativ), apoi scrieți valoarea dorită.
Al patrulea exemplu de realizare este destinat pentru atribute a căror valoare poate fi compus din mai multe cuvinte separate printr-o cratimă (de exemplu, aceeași clasă). Și vă permite să aplicați stiluri pentru toate elementele din care primul cuvânt din valoarea atributului - aceeași. De exemplu, class = "bloc-stânga" și class = "block-dreapta". Aici, aceeași parte - bloc. și, prin urmare, acesta poate fi folosit ca valoare.
A cincea modalitate de a conecta stiluri la elemente, în care valorile atributelor încep cu același text. De exemplu, src = "images / bird.png" și src = "images / cat.jpg". Aici, aceeași parte a imaginilor / sau imagini, sau imagine, etc. Este aceeași porțiune, și este înregistrată ca valoare.
Similar cu al cincilea, dar aici este o mostră de text, care, la capătul contrar valorile atributului. Să presupunem că, src = "image / bird.png" și src = "imagine / dog.png". Este clar că aici aceeași parte .png.
Din păcate, Internet Explorer 6.0 nu înțelege selectoare atribut.
Un exemplu de utilizare selectoare de atribut în CSS
Rezultatul în browser
Combinarea selectoare atribut
Atributul selectori pot fi combinate între ele sau cu alte selectori (de exemplu, tag-uri) pentru a obține un parametri de selecție înguste. Prin combinarea selectoare sunt scrise imediat după reciproc, adică, între ele nu trebuie să existe goluri. În acest caz, stilul se va aplica numai acelor elemente care îndeplinesc în mod direct toate selectoarele. În general această sintaxă.
[Selector atributov1] [selector atributov2] <свойство: значение;.>
selector [selector atributov1] [selector atributov2] <свойство: значение;.>
EXEMPLU atribute în asociație selectori CSS
Rezultatul în browser
Rețineți că, în acest exemplu, primul selector stabilește cadrul pentru toate etichetele numai . care au un atribut alt. Dar al doilea selector precizează sfera de stiluri, nu numai pentru imagini obișnuite, dar, de asemenea, pentru toate elementele de pagină au ALT și atribute titlu.
- Faceți orice link-uri absolute pe pagina dvs. să fie afișat cu caractere aldine fără subliniere. Pentru a face acest lucru, aveți nevoie de proprietate font-greutate și text-decoration.
- Asigurați-două link-uri relative și două absolute, ceea ce duce la motoarele de căutare Yandex și Google. Să link-urile care duc la Yandex va fi de culoare roșie, pe Google - verde, iar celălalt - albastru. Utilizați proprietatea de culoare.