Liste der CSS-Selektoren

September 16

CSS-Selektoren können Sie festlegen, welche HTML-Elemente, wenn Sie eine bestimmte Formatvorlage zuweisen möchten. Dies kann verhindern, dass das Problem ein Paragraph-Element beispielsweise beeinträchtigt wird, wenn Sie ein anderes Element, wie ein Anker oder Text-Box "Stilisierungsfilter" sollen. Effektiv lernen die verschiedenen Selektoren soll kategorisieren basiert auf, wie sie, welche HTML-Element erkennen zuweisen.

Universelle

Es ist nur eine von diesen Arten von Selektoren, und es wird durch Sternchen dargestellt. Verwenden Sie diese Auswahl, wenn Sie einen CSS-Stil auf alle Elemente anwenden möchten. Beispielsweise nimmt die folgenden Style-Definition alle Elemente in einem Dokument Fett:

{ Font-Weight: bold;

}

Element

Elementauswahlen anwenden CSS-Stile auf bestimmte Elemente in einer Webseite, wie Überschriften, Absätze oder divs Die folgende CSS-Style betrifft nur die Absatzelemente beispielsweise kursiv:

p {}

Schrift-Style: Italic;

}

Klasse

Wenn Sie eine Klassenauswahl definieren einen CSS-Stil verwenden, werden alle Elemente, die zu dieser Klasse bezieht sich diesen Stil verwenden können. Wenn Sie einen Stil namens "Big", das definieren gilt z. B. 48 Punkt-Text, jedes Element mit dem Attribut "Klasse = Big" werden in der Lage, diesen Stil verwenden. Das folgende Beispiel zeigt, wie Sie diese Formatvorlage anwenden könnte:

. Großen {}

Schriftgröße: 48 pt;

}

Verwenden Sie in Ihrem HTML-Dokument diesen Stil auf ein Paragraph-Element wie folgt:

< P Class = "Big" > IHR TEXT hier </p >

ID

CSS-Style-Definitionen können auf einen bestimmten Absatz, Div, Textfeld oder einem anderen Element innerhalb einer Web-Seite, im Gegensatz zu einen Stil, der zum Beispiel für alle Absätze gilt anwenden. Um einen CSS-Stil zu schreiben, der für ein Element, Nutzung der "#"-Zeichen, gefolgt von "Id" gilt, die Sie auswählen möchten. Im folgenden Beispiel wird den Text in das Element, dessen "Id" "MyElement" Fett ist:

MyElement {} Font-Weight: bold;

}

Attribut

Attribut-Selektoren können Sie Formatvorlagen für HTML-Elemente definieren, die ein bestimmtes Attribut, z. B. das "Href"-Attribut des Anker-Tags "< a >." einen Wert zuweisen, die der folgende CSS-Stil auf ein Element angewendet wird, die das Attribut "Href" einen Wert zuweist:

[Href] {

Font-Weight: bold;

}

Pseudo-Klassen

CSS-Stile können auf Pseudo-Klassen anwenden, die vordefinierte Klassen für den Zustand eines HTML-Elements sind. Ein Beispiel eines Staates ist "Hover", wenn der Mauszeiger über einen Link oder andere HTML-Element befindet. Die folgenden Formatvorlagendefinition stellt Links Fett, wenn die Maus über ihnen schwebt:

a: hover {}