Cascading Style Sheets или CSS се поставени така што можете да имате многу својства што влијаат на истиот елемент. Некои од овие својства може да се спротивстават меѓусебно. На пример, можете да поставите боја на црвена боја на ознаката за пасуси, а потоа подоцна да поставите боја на фонт на сина боја. Како пребарувачот знае која боја да ги направи пасусите? Ова е одлучено со каскадата.
Видови на стилски листови
Постојат три различни типови на стилски листови:
- Авторски стилови
- Ова се стилски листови креирани од авторот на веб-страницата. Тие се она што повеќето луѓе мислат кога размислуваат за CSS стилски листови.
- Листови со кориснички стил
- Корисничките стилски листови се поставени од страна на корисникот на веб-страницата. Ова им овозможува на корисникот да има поголема контрола врз тоа како се појавуваат страниците.
- Стилски листови за кориснички агенти
- Ова се стилови кои веб прелистувачот се однесува на страницата за да им помогне на прикажување на таа страница. На пример, во XHTML, повеќето визуелни кориснички агенти ја прикажуваат етикетата како курзивен текст. Ова е дефинирано во стилот на корисничкиот агент.
Својствата што се дефинирани во секој од горенаведените стилски листови се дадени со тежина. Стандардно, стилскиот лист има најголема тежина, проследено со корисничкиот стил, и конечно со листот за стил на кориснички агенти. Единствениот исклучок од ова е со важни правила во корисничкиот стилски лист. Ова има поголема тежина од листот на авторот.
Нарачка за каскадирање
За да ги решат конфликтите, веб-прелистувачите ја користат следнава наредба за сортирање за да одредат кој стил има предност и ќе се користи:
- Прво, побарајте ги сите декларации што се однесуваат на предметниот елемент, и за доделениот тип на медиум.
- Потоа погледнете во кој стилски лист доаѓа. Како и погоре, автоматски стилски листови доаѓаат прво, потоа корисник, потоа кориснички агент. Со важни кориснички стилови кои имаат поголема предност од важни стилови.
- Колку е поспецифичен селектор, толку повеќе ќе има предност. На пример, стилот на "div.co p" ќе има повисок приоритет отколку еден само на "p" ознаката.
- Конечно, сортирајте ги правилата според редоследот што го дефинирале. Правилата што се дефинирани подоцна во дрвото на документите имаат повисок приоритет од оние дефинирани претходно. И правилата од увезениот стилски лист се разгледуваат пред правилата директно во стилскиот лист.