logo

CSS-választó

CSS-választók használt a stílusozni kívánt tartalom kiválasztásához . A szelektorok a CSS-szabálykészlet részét képezik. A CSS-szelektorok a HTML-elemeket azonosítójuk, osztályuk, típusuk, attribútumuk stb. szerint választják ki.

A CSS-ben többféle szelektor létezik.

  1. CSS elemválasztó
  2. CSS-azonosító választó
  3. CSS osztályválasztó
  4. CSS univerzális választó
  5. CSS csoportválasztó

1) CSS elemválasztó

Az elemválasztó a HTML elemet név szerint választja ki.

 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> 
Tesztelje most

Kimenet:

Ez a stílus minden bekezdésre érvényes lesz.

Nekem is!

kruskals algoritmus

És én!


2) CSS Id Selector

Az id-választó kiválasztja egy HTML-elem id attribútumait egy adott elem kiválasztásához. Az azonosító az oldalon belül mindig egyedi, így a rendszer egyetlen egyedi elem kiválasztására szolgál.

Ezt a hash karakterrel (#), majd az elem azonosítójával írják.

Vegyünk egy példát a 'para1' azonosítóval.

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

Kimenet:

Szia Javapoint.com!

Ezt a bekezdést ez nem érinti.


3) CSS osztályválasztó

Az osztályválasztó kiválasztja a HTML elemeket egy adott osztályattribútummal. A pont karakterrel használatos. (pont szimbólum), majd az osztály neve.

Megjegyzés: Az osztály nevét nem szabad számmal kezdeni.

Vegyünk egy példát egy osztály „központjával”.

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

Kimenet:

Szia Javapoint.com!

Hello Javatpoint.com (kisebb betűtípussal)

Ez egy bekezdés.