Tel: +40 720 34 21 22

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