Methode zur Behebung von IE6-Space-Bugs

Methode zur Behebung von IE6-Space-Bugs
Schauen Sie sich den Code an:

Code kopieren
Der Code lautet wie folgt:

< !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "//www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="//www.w3.org/1999/xhtml">
<Kopf>
<Titel></Titel>
<style type="text/css">
<!--
p{Schriftgröße:12px;}
p:erster Buchstabe{Schriftgröße:300%}
-->
</Stil>
</Kopf>
<Text>
<p>Für die Welt sind Sie vielleicht nur eine Person, aber für eine Person sind Sie vielleicht die Welt. Auch wenn Sie traurig sind, runzeln Sie nicht die Stirn, denn Sie wissen nie, wer sich in Ihr Lächeln verlieben wird. </p>
</body>
</html>

Dieser Code hat keine Auswirkung auf die Stildefinition des ersten Buchstabens von <p> in IE6. Wenn jedoch zwischen p:first-letter und {font-size:300%} ein Leerzeichen eingefügt wird, also p:first-letter {font-size:300%}, wird die Anzeige normal.

Dieses Problem tritt hauptsächlich im IE6-Browser auf, und dieser Freund erklärte auch einige notwendige Auslösebedingungen:
1. IE6-Browser
2. Der Selektor hat eine Pseudoklasse
3. Die Pseudoklasse muss ein Konnektor "-" enthalten, zum Beispiel: first-letter
4. Ist noch Platz?

<<:  CSS-Menüschaltflächenanimation

>>:  Docker implementiert Container-Portbindung am lokalen Port

Artikel empfehlen

Analyse des Unterschieds zwischen Emits und Attrs in Vue3

Inhaltsverzeichnis abschließend Praxisanalyse Erw...

Beispiele für die Verwendung von „Provide“ und „Inject“ in Vue2.0/3.0

Inhaltsverzeichnis 1. Was ist der Nutzen von Prov...

JavaScript zum Erzielen eines Bodeneffekts

In diesem Artikel wird der spezifische JavaScript...

Beispielcode zur Implementierung eines 3D-Bucheffekts mit CSS

Schauen wir uns zunächst ohne Umschweife die Rend...

Hinweise zur Konfiguration mehrerer Proxys mithilfe von Vue-Projekten

Im Entwicklungsprozess eines Vue-Projekts konfigu...

MySQL-Daten einfügen, aktualisieren und löschen Details

Inhaltsverzeichnis 1. Einfügen 2. Aktualisierung ...

Detaillierte Konfiguration des mysql8.x-Docker-Remotezugriffs

Inhaltsverzeichnis Umweltbedingungen Aufgetretene...

Detailliertes Beispiel für JavaScript-Array-Methoden

Inhaltsverzeichnis Einführung Erstellen eines Arr...

CSS-Implementierungscode zum Zeichnen von Dreiecken (Rahmenmethode)

1. Implementieren Sie ein einfaches Dreieck Mithi...

2 Methoden und Vorsichtsmaßnahmen zum Hinzufügen von Skripten in HTML

So fügen Sie ein <script>-Skript in HTML ein...

Detaillierte Erklärung zur JavaScript-Datenabflachung

Inhaltsverzeichnis Was ist Abflachung? Rekursion ...

Export- und Importvorgänge für Docker-Images

Was ist, wenn die Basis-Images bereits konfigurie...