Почетак ЦСС-а
ЦСС се ослања на правила упаривања узорака како би одредила који стил се односи на који елемент у документу. Ови обрасци се зову селектори и они се крећу од имена ознака (на пример, п да се подударају са ознакама параграфа) са врло компликованим обрасцима који се подударају са одређеним деловима документа (на пример, п # миид> б.хигхлигхт би се подударала са било којом ознаком б класа истакнутости која је дијете параграфа са ид миидом).
Селектор ЦСС-а је део стила ЦСС-а који идентификује који део веб странице треба стајлинг. Селектор садржи једно или више својстава која дефинишу како ће изабрани ХТМЛ бити стилизован.
ЦСС селектори
Постоји неколико различитих врста селектора:
- тип селектора - усклађивање одређеног елемента
- класе селектора - елементи за подударање са одређеном класом
- ИД селектора - подударање елемента са одређеним ИД-ом
- потомци селектора - елементи који су потомци одређеног елемента
- детектори селектора детета који су детективи одређеног елемента
- универзални селектори - одговарајући било који елемент
- суседним селекторима - сродним елементима који су претходили одређеном елементу
- атрибут селектора-подударања елемената са одређеном вриједношћу атрибута или атрибута
- псеудо-класа селектора - елементи за подударање са одређеном псеудо класи
- псеудо-елементи селектора - елементи који одговарају специфичним особинама псеудо-елемента
Форматирај ЦСС стилове и ЦСС селекторе
Формат ЦСС стила изгледа овако:
селектор {стил својство: стил; }
Одвојите више селектора који имају исти стил са заповијима. Ово се зове селекторска групација. На пример:
селецтор1 , селецтор2 {стил својство: стил; }
Селектори за груписање је скраћени механизам за чување ваших ЦСС стилова компактних.
Горња група би имала исти ефекат као и:
селецтор1 {стил својство: стил; }
селецтор2 {стил својство: стил; }
Увек тестирајте ЦСС селекторе
Сви претраживачи не подржавају све ЦСС селекторе. Зато обавезно тестирајте своје бираче у оном броју претраживача на што више оперативних система колико можете. Али ако користите ЦСС 1 или ЦСС2 селекторе, требало би да сте у реду.