Краток курс за CSS
Каскадата е она што ги прави стилските листови на CSS толку корисни. На кратко, каскадата го дефинира редоследот на приоритет за тоа како треба да се применат конфликтните стилови. Со други зборови, ако имате два стили:
p (боја: црвено; }
p (боја: сина; }
Каскадата одредува која боја треба да бидат ставовите, иако стилскиот лист наведува дека треба да бидат и црвени и сини. На крајот на краиштата може да се примени само една боја, па мора да постои налог.
И оваа наредба се применува со која селектори (p во горенаведениот пример) имаат највисок приоритет и кој ред се појавуваат во документот.
Следнава листа е поедноставување на начинот на кој вашиот прелистувач решава предност за стил:
- Погледнете во стилскиот лист за селекторот што одговара на елементот. Ако нема дефинирани стилови, користете ги стандардните правила во прелистувачот
- Погледнете во листот за стил за селектори означени! Важни и применувајте ги соодветните елементи.
- Сите стилови во стилскиот лист ќе ги прескокнат стандардните стилови на прелистувачот (освен во случај на кориснички стилски листови).
- Колку поспецифичен селекторот на стил, толку е поголема предност што ќе ја има. На пример, div> p.class е поспецифичен од p.class кој е поспецифичен од p.
- Конечно, ако две правила се однесуваат на истиот елемент и имаат ист приоритет на селекторот, ќе се примени оној што беше натоварен последен . Со други зборови, листот за стил се чита од врвот до дното, а стиловите се применуваат еден врз друг.
Врз основа на овие правила, во горниот пример, ставовите би биле напишани со сина, бидејќи p {боја: сина; } ќе биде последен во стилот.
Ова е многу поедноставено објаснување на каскадата. Ако сте заинтересирани да дознаете повеќе за тоа како функционира каскадата, треба да прочитате Што значи "Каскада" во Cascading Style Sheets? .