logo

Selektor CSS

Selektory CSS są używane , aby wybrać treść, którą chcesz stylizować . Selektory są częścią zestawu reguł CSS. Selektory CSS wybierają elementy HTML według ich identyfikatora, klasy, typu, atrybutu itp.

wyrażenie regresji w Javie

W CSS istnieje kilka różnych typów selektorów.

  1. Selektor elementów CSS
  2. Selektor identyfikatora CSS
  3. Selektor klas CSS
  4. Uniwersalny selektor CSS
  5. Selektor grup CSS

1) Selektor elementów CSS

Selektor elementu wybiera element HTML według nazwy.

 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> 
Przetestuj teraz

Wyjście:

Ten styl zostanie zastosowany do każdego akapitu.

sortowanie scalone Java

Ja też!

I ja!


2) Selektor identyfikatora CSS

Selektor id wybiera atrybut id elementu HTML, aby wybrać konkretny element. Identyfikator jest zawsze unikalny na stronie, dlatego wybierany jest pojedynczy, unikalny element.

Zapisywany jest znakiem hash (#), po którym następuje identyfikator elementu.

Weźmy przykład z identyfikatorem „para1”.

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

Wyjście:

Witaj Javatpoint.com

Nie będzie to miało wpływu na ten akapit.


3) Selektor klas CSS

Selektor klasy wybiera elementy HTML z określonym atrybutem klasy. Jest używany ze znakiem kropki. (symbol kropki), po którym następuje nazwa klasy.

Uwaga: nazwy klasy nie należy zaczynać od cyfry.

Weźmy przykład z klasą „centrum”.

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

Wyjście:

zaktualizuj w sql za pomocą łączenia

Witaj Javatpoint.com

Witaj Javatpoint.com (mniejszą czcionką)

To jest akapit.