Was ist der Unterschied zwischen CSS-ID und Klasse?

Unterschiede: 1. Das Präfixsymbol des ID-Selektors ist „#“ und das Präfixsymbol des Klassenselektors ist „.“ 2. Die ID kann nur einmal auf der Seite erscheinen und die Klasse kann mehrmals auf der Seite aufgerufen werden. 3. ID bestimmt zunächst die Struktur und den Inhalt der Seite und definiert dann den Stil dafür, während die Klasse das Gegenteil ist.

Die Betriebsumgebung dieses Tutorials: Windows7-System, CSS3- und HTML5-Version, Dell G3-Computer.

Beim Definieren von Stilen wird die Verwendung von ID und Klasse manchmal verwechselt. Daher hier eine besondere Erklärung:

ID- und Klassenattribute sind zwei häufige Attribute auf Webseiten. Sie wirken zusammen, um die gesamte Seite farbenfroh zu gestalten. Wenn wir einen Stil für ein Element definieren. Sie können ID oder Klasse verwenden.

• Beim Schreiben in einem CSS-Stylesheet sollte das Präfixsymbol „#“ vor dem ID-Selektor und das Präfixsymbol „.“ vor dem Klassenselektor hinzugefügt werden.

• Das ID-Attribut kann im Allgemeinen nur einmal auf einer Seite verwendet werden, während auf die Klasse mehrmals verwiesen werden kann. ID wird als Tag eines Elements verwendet, um verschiedene Strukturen und Inhalte zu unterscheiden, während Klasse ein Stil ist, der auf jede Struktur und jeden Inhalt angewendet werden kann.

• In Bezug auf Layoutideen halten wir uns im Allgemeinen an dieses Prinzip: Die ID bestimmt zuerst die Struktur und den Inhalt der Seite und definiert dann einen Stil dafür. Im Gegenteil, die Klasse definiert zuerst einen Stiltyp und dann Fügt es nach Bedarf zur Seite hinzu. Wenden Sie Klassenstile auf verschiedene Elemente und Inhalte an.

Derzeit erlauben Browser die Anzeige mehrerer IDs mit demselben Attributwert auf derselben Seite. Bei der Verwendung von JavaScript zur Steuerung von Elementen über IDs treten jedoch Fehler auf.

In praktischen Anwendungen werden Klassen häufiger in Textabschnitten und Seitenänderungen verwendet, während IDs häufiger zur Implementierung großer Layouts und zum Entwerfen von enthaltenden Blöcken oder Stilen von enthaltenden Boxen verwendet werden.

(Teilen von Lernvideos: CSS-Video-Tutorial)

Das obige ist der detaillierte Inhalt vonWas ist der Unterschied zwischen CSS-ID und Klasse?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!