Specificitatea CSS. Reguli de specificitate. Specificitate egală. Selectoarele ID. Selectoarele de atribute.
Partajeaza in Google Classroom
Memorator: Descriere video Descarcă PDF
Specificitate egală: ultima regulă contează - Dacă aceeași regulă este scrisă de două ori în foaia de stil externă (external style sheet), atunci regula inferioară din foaia de stil (style sheet) este mai aproape de elementul care trebuie stilizat și, prin urmare, va fi aplicată:
Exemplu:
h1 {background-color: yellow;}
h1 {background-color: red;}
Ultima regulă este întotdeauna aplicată.Selectoarele ID au o specificitate mai mare decât selectoarele de atribute - Uitați-vă la următoarele trei linii de cod:
Exemplu:
div#a {background-color: green;}
#a {background-color: yellow;}
div[id=a] {background-color: blue;}
Prima regulă este mai specifică decât celelalte două și va fi aplicată.