logo

ЦСС селектор

ЦСС селектори се користе да изаберете садржај који желите да стилизујете . Селектори су део скупа ЦСС правила. ЦСС селектори бирају ХТМЛ елементе према његовом ИД-у, класи, типу, атрибуту итд.

Постоји неколико различитих типова селектора у ЦСС-у.

  1. ЦСС бирач елемената
  2. ЦСС ИД бирач
  3. ЦСС бирач класа
  4. ЦСС универзални селектор
  5. ЦСС бирач групе

1) Селектор ЦСС елемената

Бирач елемената бира ХТМЛ елемент по имену.

влц медиа плаиер преузимање иоутубе
 p{ text-align: center; color: blue; } <p>This style will be applied on every paragraph.</p> <p id="para1">Me too!</p> <p>And me!</p> 
Тестирајте одмах

Излаз:

Овај стил ће бити примењен на сваки пасус.

И ја исто!

И ја!


2) ЦСС ИД бирач

Бирач ид бира атрибут ид ХТМЛ елемента да би изабрао одређени елемент. Ид је увек јединствен унутар странице, тако да се бира да изабере један, јединствени елемент.

Пише се хеш знаком (#), праћен ид елемента.

'која је разлика између лава и тигра'

Узмимо пример са ид 'пара1'.

 #para1 { text-align: center; color: blue; } <p id="para1">Hello Javatpoint.com</p> <p>This paragraph will not be affected.</p> 
Тестирајте одмах

Излаз:

Здраво Јаватпоинт.цом

Овај параграф неће бити погођен.


3) ЦСС Цласс Селецтор

Селектор класе бира ХТМЛ елементе са одређеним атрибутом класе. Користи се са знаком тачке. (симбол тачке) праћен именом класе.

претраживач и примери

Напомена: Име класе не треба да почиње бројем.

Узмимо пример са класом 'центар'.

 .center { text-align: center; color: blue; } <h2>Hello Javatpoint.com (In smaller font)</h2> <p>This is a paragraph.</p> 
Тестирајте одмах

Излаз:

Здраво Јаватпоинт.цом

Здраво Јаватпоинт.цом (мањим словима)

Ово је параграф.