Wie verwende ich die Div-ID-Klasse? Detaillierte Erläuterung der Unterschiede zwischen Div-ID-Klassen

Der Inhalt dieses Artikels befasst sich mit der Verwendung der Div-ID-Klasse. Eine detaillierte Erklärung der Unterschiede zwischen der Div-ID-Klasse und der Div-Klasse hat einen gewissen Referenzwert. Ich hoffe, dass sie für Sie hilfreich ist.

Zum Beispiel:

<p id="header"></p> <p class="abc"></p>

Verwenden Sie ähnlich wie hier id und class im p-Tag, um den entsprechenden CSS-Stil aufzurufen.

Was ist der Unterschied zwischen dem ID-Attribut und dem CLASS-Attribut von p?

1. Grammatikunterschied ​ Die CSS entsprechende ID verwendet den Stilselektor „#“ (Nummernzeichen); Die Klasse entspricht CSS unter Verwendung des Stilselektors „.“ (englischer halbbreiter Eingabezeitraum).

<p id="header"></p> <p class="abc"></p>

Das entsprechende CSS sollte sein:

#header{...} .abc{...} /* css注释说明：这里以省略号替代CSS样式内容 */

2. Unterschiede in den Nutzungsbestimmungen ​ Das id-Attribut kann nur von einem Element aufgerufen werden (der mit dem „#“-Selektor benannte CSS-Stil kann nur einmal auf einer Seite aufgerufen werden)

Das Klassen-Tag kann verwendet werden, um von mehreren Elementen aufgerufen zu werden (Stile, die mit dem „.“-Selektor benannt sind, können mehrmals auf einer Seite verwendet werden).

id: Kann nur einmal auf derselben Seite aufgerufen werden und wird in CSS durch „#“ dargestellt.

Klasse: Es handelt sich um ein Klassen-Tag, das unzählige Male (ohne Begrenzung) auf derselben Seite aufgerufen werden kann. Es wird in CSS durch „.“ dargestellt.

Der Ausweis ist wie der Ausweis einer Person, der zur Identifizierung des p verwendet wird. Die Klasse ist wie die von der Person getragene Kleidung und wird verwendet, um den Stil des p zu definieren. Im Allgemeinen verfügt eine Webseite nicht über zwei oder mehr Ps mit derselben ID, aber mehrere Ps können dieselbe Klasse verwenden.

Wie verwende ich die Div-ID-Klasse? Eine vollständige Einführung zur detaillierten Erläuterung der Unterschiede zwischen Div-ID-Klasse und Div-Klasse. Wenn Sie mehr über HTML-Video-Tutorial erfahren möchten, schauen Sie sich bitte die chinesische PHP-Website an.

Das obige ist der detaillierte Inhalt vonWie verwende ich die Div-ID-Klasse? Detaillierte Erläuterung der Unterschiede zwischen Div-ID-Klassen. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!