Իմացեք, թե ինչ է նշանակում Կասկադը Cascading Style Sheets- ում

CSS դասընթաց

Կասկադը այն է, ինչն էլ օգտակար CSS- ի ոճի թերթեր է դարձնում: Կարճ ասած, կասկադը սահմանում է նախակարգավորման կարգը, թե ինչպես պետք է կիրառել հակամարտող ոճերը: Այլ կերպ ասած, եթե ունեք երկու ոճ:

p {գույնը `կարմիր; }
p {գույնը `կապույտ; }

Կասկադը որոշում է, թե որ գույնը պարբերությունները պետք է լինեն, թեեւ ոճաթերթիկը նշում է, որ դրանք պետք է լինեն թե կարմիր, թե կապույտ: Ի վերջո, կարելի է կիրառել միայն մեկ գույն, պարբերություններին, այնպես որ պետք է պատվեր լինի:

Եվ այս կարգը կիրառվում է, որի ընտրողները (վերը նշված օրինակով) ունեն ամենաբարձր գերակայությունը եւ ինչ կարգի են դրանք հայտնվում փաստաթղթում:

Հետեւյալ ցանկը պարզեցումն է, թե ինչպես է ձեր բրաուզերը որոշում ոճի գերակայությունը:

1. Նայեք ոճաթերթին, տարրին համապատասխանող ընտրիչի համար: Եթե ​​չկան սահմանված ոճեր, ապա օգտագործեք կանխադրված կանոնները բրաուզերում
2. Նայեք ոճի թերթիկին, որոնք նշված են ընտրողների համար, կարեւոր են եւ կիրառեք համապատասխան տարրերը:
3. Բոլոր ոճերը ոճի թերթիկում կվերանվանեն լռելյայն զննարկիչի ոճերը (բացառությամբ օգտագործողի ոճերի թերթիկների դեպքում):
4. Որքան ավելի հստակ է ոճի ընտրիչը, այնքան բարձր կլինի նախորդությունը: Օրինակ, div> p.class- ը ավելի կոնկրետ է, քան p.class, որը ավելի կոնկրետ է քան p- ը:
5. Վերջապես, եթե երկու կանոն էլ կիրառվում է նույն տարրին եւ նույն ընտրության նախապատվությունը ունենա, ապա վերջինը բեռնված է: Այլ կերպ ասած, ոճաթերթիկը կարդում է վերեւից ներքեւ, եւ ոճերը կիրառվում են միմյանց վերեւում:

Այս կանոնների հիման վրա, վերը նշված օրինակում, պարբերությունները գրվում են կապույտ, քանի որ p {գույնը `կապույտ; } ստացվում է վերջին ոճաթերթում:

Սա կասկադի պարզեցված բացատրությունն է: Եթե ​​հետաքրքրված եք ավելին իմանալ, թե ինչպես է աշխատում կասկադը, դուք պետք է կարդաք «Կասկադ» բառը նշանակում է Cascading Style Sheets- ում: .