logo

Selektor CSS

Selektor CSS sa používajú vyberte obsah, ktorý chcete upraviť . Selektory sú súčasťou sady pravidiel CSS. Selektor CSS vyberá prvky HTML podľa ich ID, triedy, typu, atribútu atď.

binárny strom vs bst

V CSS existuje niekoľko rôznych typov selektorov.

  1. Selektor prvkov CSS
  2. Selektor ID CSS
  3. Selektor triedy CSS
  4. Univerzálny selektor CSS
  5. Selektor skupiny CSS

1) Selektor prvkov CSS

Selektor prvku vyberie prvok HTML podľa názvu.

 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> 
Vyskúšajte to

Výkon:

Tento štýl sa použije na každý odsek.

šakal vs vlk

Ja tiež!

A mňa!


2) Selektor ID CSS

Selektor id vyberá atribút id prvku HTML na výber konkrétneho prvku. ID je v rámci stránky vždy jedinečné, takže sa vyberie na výber jediného jedinečného prvku.

Zapisuje sa znakom hash (#), za ktorým nasleduje id prvku.

Zoberme si príklad s id 'para1'.

výhody instagramu pre osobné použitie
 #para1 { text-align: center; color: blue; } <p id="para1">Hello Javatpoint.com</p> <p>This paragraph will not be affected.</p> 
Vyskúšajte to

Výkon:

Ahoj Javatpoint.com

Tento odsek nebude ovplyvnený.


3) Selektor triedy CSS

Selektor triedy vyberá prvky HTML so špecifickým atribútom triedy. Používa sa s dobovým znakom . (symbol bodka), za ktorým nasleduje názov triedy.

Poznámka: Názov triedy by nemal začínať číslom.

Vezmime si príklad s triedou „stred“.

 .center { text-align: center; color: blue; } <h2>Hello Javatpoint.com (In smaller font)</h2> <p>This is a paragraph.</p> 
Vyskúšajte to

Výkon:

triediť pole java

Ahoj Javatpoint.com

Ahoj Javatpoint.com (menším písmom)

Toto je odsek.