logo

Selector CSS

selectoare CSS sunt folosite pentru a selecta conținutul pe care doriți să-l stilați . Selectorii fac parte din setul de reguli CSS. Selectoarele CSS selectează elementele HTML în funcție de id-ul, clasa, tipul, atributul etc.

Există mai multe tipuri diferite de selectoare în CSS.

10 din 50.00
  1. Selector de elemente CSS
  2. Selector de coduri CSS
  3. Selector de clasă CSS
  4. Selector universal CSS
  5. Selector de grup CSS

1) Selector de elemente CSS

Selectorul de elemente selectează elementul HTML după nume.

 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> 
Testează-l acum

Ieșire:

Acest stil va fi aplicat pe fiecare paragraf.

Şi eu!

Si eu!

ce este awt

2) Selector de coduri CSS

Selectorul de id selectează atributul id al unui element HTML pentru a selecta un anumit element. Un ID este întotdeauna unic în pagină, așa că este ales să selecteze un singur element unic.

Este scris cu caracterul hash (#), urmat de id-ul elementului.

Să luăm un exemplu cu id-ul „para1”.

 #para1 { text-align: center; color: blue; } <p id="para1">Hello Javatpoint.com</p> <p>This paragraph will not be affected.</p> 
Testează-l acum

Ieșire:

mvc java

Bună ziua Javatpoint.com

Acest paragraf nu va fi afectat.


3) Selector de clasă CSS

Selectorul de clasă selectează elemente HTML cu un anumit atribut de clasă. Este folosit cu un caracter punct . (simbolul punctului) urmat de numele clasei.

Notă: Numele unei clase nu trebuie început cu un număr.

Să luăm un exemplu cu un „centru” de clasă.

 .center { text-align: center; color: blue; } <h2>Hello Javatpoint.com (In smaller font)</h2> <p>This is a paragraph.</p> 
Testează-l acum

Ieșire:

introduceți gestionarea excepțiilor java

Bună ziua Javatpoint.com

Bună ziua Javatpoint.com (Cu font mai mic)

Acesta este un paragraf.