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

Über das Problem beim Schreiben von Plugins zum Mounten von DOM in vue3

Im Vergleich zu vue2 verfügt vue3 über ein zusätz...

Wissenspunkte zum Prinzip der MySQL-Parallelitätskontrolle

Mysql ist eine gängige relationale Open-Source-Da...

Details zur Verwendung des Vue-Slots

Inhaltsverzeichnis 1. Warum Slots verwenden? 1.1 ...

VM VirtualBox virtuelle Maschine mounten freigegebenen Ordner

Eine Umgebung Installieren Sie VMware Tools auf C...

Detailliertes Tutorial zur Neuinstallation von Python 3.6.6 auf CentOS 7.5

ps: Die Umgebung ist wie der Titel Mögliche Abhän...

Linux-Tutorial zum Ersetzen von Zeichenfolgen mit dem Befehl sed

Um eine Zeichenfolge zu ersetzen, müssen wir das ...

Lassen Sie uns über das v-on-Parameterproblem in Vue sprechen

Verwendung von v-on:clock in Vue Ich lerne derzei...

Implementierungscode von Nginx Anti-Hotlink und Optimierung in Linux

Versionsnummer verbergen Die Versionsnummer wird ...

Detaillierte Erklärung des Mindestbreitenwerts von Inline-Blöcken in CSS

Vorwort Vor kurzem habe ich mir abends etwas Zeit...

VMware Workstation ist nicht mit Device/Credential Guard kompatibel

Beim Installieren einer virtuellen Maschine wird ...

Verwendung und Demonstration von ref in Vue

Ref-Definition: Wird verwendet, um Referenzinform...

So fügen Sie Videos in HTML ein und machen sie mit allen Browsern kompatibel

Zum Einfügen von Videos in HTML werden am häufigst...