Latest web development tutorials

CSS-ID und Klassen-Selektoren

ID und Klassen-Selektoren

Wenn Sie CSS-Stile in HTML-Elemente festlegen möchten, müssen Sie die "id" und "Klasse" Auswahlelement einzustellen.


id-Selektor

id-Selektor kann mit einer bestimmten ID des HTML-Elements markiert werden spezifiziert einen bestimmten Stil.

HTML-Elemente mit dem id-Attribut gesetzt ID-Selektoren, CSS id Wahlschalter auf "#" definiert ist.

Die folgenden Regeln gelten für die Stilelement id = "para1" Attribut:

Beispiele

#para1
{
text-align:center;
color:red;
}

Versuchen »

Bemerkung ID-Attribute nicht mit einer Zahl beginnen, die ID-Nummer am Anfang funktioniert nicht in Mozilla / Firefox-Browser.


Klassenauswahl

Style-Klasse-Selektor wird verwendet, um eine Gruppe von Elementen, Klassenauswahl Anders als ID-Selektor zu beschreiben, kann Klasse in mehr als ein Element verwendet werden.

Klassenauswahl in Attribut HTML-Klasse, um anzuzeigen, angezeigt in CSS-Klassenauswahl auf eine Mess-Stelle ".":

In den folgenden Beispielen sind alle haben ein Zentrum wie HTML Elemente zentriert sind.

Beispiele

.center {text-align:center;}

Versuchen »

Sie können auch ein bestimmtes HTML-Element verwendet Klasse angeben.

In den folgenden Beispielen, die alle die p-Element verwendet class = "center", so dass der Text des Elements des Zentrums:

Beispiele

p.center {text-align:center;}

Versuchen »

Bemerkung Das erste Zeichen Klassenname kann nicht digital nutzen! Es kann nicht mit Mozilla oder Firefox arbeiten.