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

So fügen Sie einer großen Datentabelle in MySQL Felder hinzu

Vorwort Ich glaube, jeder ist mit dem Hinzufügen ...

Verwendung von MySQL-Triggern

Inhaltsverzeichnis 1. Trigger-Einführung 1. Was i...

Der Interviewer fragte, wie man in CSS ein festes Seitenverhältnis erreicht

Möglicherweise hatten Sie für diese Frage bisher ...

CSS-Tricks zum Erstellen von Welleneffekten

Es war schon immer sehr schwierig, Welleneffekte ...

Projektpraxis zum Bereitstellen von Docker-Containern mit Portainer

Inhaltsverzeichnis 1. Hintergrund 2. Bedienungssc...

...

So erzielen Sie mit three.js einen dynamischen 3D-Texteffekt

Vorwort Hallo zusammen, hier ist der CSS-Assisten...

So implementieren Sie eine steuerbare gepunktete Linie mit CSS

Vorwort Die Verwendung von CSS zum Generieren gep...

So konfigurieren Sie SSL für den Koa2-Dienst

I. Einleitung 1: SSL-Zertifikat Mein Domänenname ...

Detaillierte Erklärung des virtuellen DOM und des Diff-Algorithmus in React

Die Rolle des virtuellen DOM Zunächst müssen wir ...

Beispiel für die Konvertierung eines Zeitstempels in ein Datum in MySQL

Vorwort Ich bin bei der Arbeit auf folgende Situa...