Warum CSS nicht funktioniert

Die Gründe, warum CSS nicht funktioniert: 1. Das HTML-Tag ist nicht vollständig geschrieben, es fehlen „“ oder „/“ usw.; 2. Die Codierung des gespeicherten Stylesheets ist falsch; 3. Die Stile sind kaskadiert. 4. CSS-Syntaxfehler. 5. Der Selektor ist falsch geschrieben.

Die Betriebsumgebung dieses Tutorials: Windows7-System, CSS3-Version, DELL G3-Computer.

Die Gründe, warum CSS nicht funktioniert:

1. Das HTML-Tag ist nicht vollständig geschrieben, es fehlen „“ oder „/“ usw.

Das kommt am häufigsten vor Layout-Design-Fehler Einer der Gründe. Es ist immer wieder überraschend, wenn wir erfahren, wie viele heikle Layoutentwürfe daran scheitern.

2. Der Kodierungsfehler beim Speichern des Stylesheets

Wenn Sie vermuten, dass die Kodierung der CSS-Tabelle falsch ist, können Sie die CSS-Datei direkt als Datei in der UTF-8-Kodierung speichern.

3. Stile sind kaskadiert

Wenn dies durch Kaskadierung verursacht wird, müssen Sie die Priorität des Stils erhöhen.

Zu den häufig verwendeten Methoden gehören: Hinzufügen von Elementen zum Selektor, um seine Spezifität zu erhöhen, oder Hinzufügen von !important im Leerzeichen vor dem Stil-Semikolon, wie folgt:

background-color: pink !important;

4. CSS-Syntaxfehler

Verwenden Sie den Entwickler von Google Chrome Wenn Sie beispielsweise Tools verwenden, werden allgemeine Syntaxfehler angezeigt, wenn der Stil durchgestrichen wird. Auf der linken Seite des Stils wird eine Symbolaufforderung angezeigt, und wenn die Maus darauf bewegt wird, wird eine englische Eingabeaufforderung angezeigt. Wie in der Abbildung unten gezeigt:

Zu den allgemeinen Grammatikfehlern gehören:

1. Falscher Attributname, Attributwert entspricht nicht der Spezifikation;

2. Die folgenden Symbole verwenden chinesische Symbole oder Symbole in voller Breite

，；｛｝：

5. Auswahl Falsche Schreibweise des Selektors

Schreiben der Nachkommenauswahl usw. mit mehreren Tags, Klassennamen, IDs usw. Falsche Schreibweise der Reihenfolge und Namen von Unterselektoren kann zu Fehlern führen;

Wenn Sie vergessen, Klassen für Tags in HTML-Namen, IDs usw. zu schreiben, und der Selektor diese weggelassenen Klassennamen, IDs usw. verwendet, wird der Stil natürlich nicht wirksam.

Ob der Nachkommen-Selektor mit Leerzeichen geschrieben wird;

Ob Selektoren wie div.box{} als div.box{} geschrieben werden, d

Das obige ist der detaillierte Inhalt vonWarum CSS nicht funktioniert. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!