3. Regula ultimului venit

In CSS ultima regula scrisa este si cea aplicata si respectata.

Ce inseamna asta?

Spre exemplu, in fisierul stiluri.css ai definit ca toate link-urile care apar pe site sa fie de culoare rosie. Totusi, intr-o anumita pagina a site-ului, pe care ai 4 link-uri, doresti ca unul dintre ele sa fie albastru. In acest caz poti scrie cod CSS direct in pagina HTML in dreptul acelui link. Browser-ul va afisa link-ul cu setarea care e cea mai apropiata de textul la care se aplica. Setarea ca link-ul sa fie rosu e in fisierul separat stiluri.css. Setarea ca link-ul sa fie albastru e pusa chiar langa link. Setarea pentru albastru castiga.

Daca in pagina HTML ai doua setari una dupa alta:

<setare ca textul sa fie verde> <setare ca textul sa fie portocaliu> textul propriu-zis care se coloreaza

Textul va fi afisat portocaliu, pentru ca aceasta setare e cea mai apropiata de textul in cauza.

Exista totusi o exceptie: regula importanta. Regula importanta se marcheaza cu “!important”. O data ce o regula a fost marcata ca fiind importanta, browser-ul (doar pentru acea regula) ignora regula ultimului venit.

Spre exemplu daca ai regulile:

<textul sa fie galben !important>  <textul sa fie roz> textul

Textul va fi afisat galben pentru ca este marcata ca o regula importanta.

Daca ai regulile:

<textul sa fie galben>  <textul sa fie roz> textul

Textul va fi afisat roz pentru ca este mai aproape.

SEE ALL Add a note
YOU
Add your Comment