CSS Кароткі курс
Каскад, што робіць CSS табліцы стыляў так карысна. Карацей кажучы, каскад вызначае парадак старшынства для таго, як канфліктуючыя стылі павінны быць ужытыя. Іншымі словамі, калі ў вас ёсць два стылю:
р {колеру: чырвоны; }
р {колер: сіні; }
Каскад вызначае, які колер пункты павінны быць, нават нягледзячы на тое табліцы стыляў абвяшчаюць, што яны павінны быць чырвонымі і сінімі кветкамі. У канчатковым рахунку толькі адзін колер можа быць ужыты да пунктаў, так што павінен быць парадак.
І гэты парадак прымяняецца, з дапамогай якога селектараў (р-у прыведзеным вышэй прыкладзе), маюць найвышэйшы прыярытэт і ў якім парадку яны з'яўляюцца ў дакуменце.
Наступны спіс з'яўляецца спрашчэннем, як ваш браўзэр вырашае прыярытэт для стылю:
- Паглядзіце ў табліцу стыляў для выбару, адпаведнага элемента. Калі няма пэўных стыляў, а затым выкарыстоўваць правілы па змаўчанні ў браўзэры
- Паглядзіце ў табліцы стыляў для селектараў маркіраваных важна! І ўжываць тыя да адпаведных элементаў.
- Усе стылі ў табліцы стыляў будуць перавызначыць стылі па змаўчанні браўзэра (акрамя як у выпадку табліц стыляў карыстальніка).
- Чым больш канкрэтна селектар стылю, тым вышэй прыярытэт будзе мець. Напрыклад, DIV> p.class больш спецыфічны, чым p.class, які з'яўляецца больш дакладным, чым р.
- Нарэшце, калі два правілы адносяцца да аднаго элементу і маюць аднолькавы прыярытэт выбару, будзе прымяняцца адзін , які быў загружаны апошнім. Іншымі словамі, табліца стыляў чытаецца зверху ўніз, і стылі прымяняюцца на верхняй частцы адзін аднаго.
Зыходзячы з гэтых правілаў, у прыведзеным вышэй прыкладзе, пункты будуць напісаны сінім колерам, таму што р {колер: сіні; } Прыходзіць апошнім у табліцы стыляў.
Гэта вельмі спрошчанае тлумачэнне каскаду. Калі вы зацікаўлены ў атрыманні дадатковай інфармацыі аб тым , як працуе каскад, вы павінны прачытаць Што такое «Каскад» азначае ў каскадных табліцах стыляў? ,