Шта је ЦСС селектор?

ЦСС се ослања на правила упаривања узорака како би одредила који стил се односи на који елемент у документу. Ови обрасци се зову селектори и они се крећу од имена ознака (на примјер,

стр да се подударају са ознакама пасуса) до врло сложених обрасаца који одговарају истовременим деловима документа (на пример,

п # миид> б.хигхлигхт било би слично

б таг са класи од

истакните то је дете из параграфа са ид

мој ИД).

Селектор ЦСС-а је део стила ЦСС-а који идентификује који део веб странице треба стајлинг. Селектор садржи једно или више својстава која дефинишу како ће изабрани ХТМЛ бити стилизован.

ЦСС селектори

Постоји неколико различитих врста селектора:

тип селектора - подударање одређеног елемента
класе селектора - елементи који одговарају једној класи
ИД селектори - подударање елемента са одређеним ИД-ом
потомци селектора - подударни елементи који су потомци одређеног елемента
детектори селекције - елементи који одговарају детету одређеног елемента
универзални селектори - подударање било ког елемента
суседним селекторима сродника - одговарајућим елементима којима претходи одређени елемент
селектори атрибута - елементи који одговарају специфичном атрибуту или атрибуту
псеудо-класа селектори - елементи који одговарају једној псеудо-класи
селектори псеудо-елемента - елементи који одговарају специфичним особинама псеудо-елемента

Форматирај ЦСС стилове и ЦСС селекторе

Формат ЦСС стила изгледа овако:

селектор {стил својство: стил; }

Одвојите више селектора који имају исти стил са заповијима. Ово се зове селекторска групација. На пример:

селецтор1 , селецтор2 {стил својство: стил; }

Селектори за груписање је скраћени механизам за чување ваших ЦСС стилова компактних. Горња група би имала исти ефекат као и:

селецтор1 {стил својство: стил; }селецтор2 {стил својство: стил; }

Увек тестирајте ЦСС селекторе

Сви претраживачи не подржавају све ЦСС селекторе. Зато обавезно тестирајте своје бираче у оном броју претраживача на што више оперативних система колико можете. Али ако користите ЦСС1 или ЦСС2 селекторе, требало би да сте у реду.