Die Rolle des Inhalts: „.“ in CSS

Es gibt ein p als externen Container. Wenn das interne p auf den Float-Stil eingestellt ist, kann der Inhalt des externen Containers p nicht am Ende des Elements hinzugefügt werden, auf das Clearfix angewendet wird der Zweck des Öffnens des Behälters Welchen Nutzen hat content: „.“; in diesem Code, welches Problem löst es und warum sollte es verwendet werden?

Der Code lautet wie folgt:

.clearfix:after {
clear: Both;
content: "."; Block;
Höhe: 0;

Sichtbarkeit: versteckt;

1--

Code stellte fest, dass in Browsern wie Firefox, die den W3C-Standards entsprechen, wenn ein p als externer Container vorhanden ist und das interne p auf den Float-Stil eingestellt ist, der externe Container p nicht geöffnet werden kann, da im Inneren kein Klartext vorhanden ist.
Dieses Clearfix-CSS verwendet das After-Pseudoobjekt, das den Inhalt in content am Ende des Elements hinzufügt, auf das Clearfix angewendet wird. Hier wird ein Punkt „.“ hinzugefügt und die Höhe auf „Frei“ gesetzt. Dadurch wird der Zweck des Öffnens des Behälters erreicht.

2-- Die Syntax von

Inhalt wird selten verwendet. Ich habe gerade die Informationen überprüft:

Syntax:


Der Code ist wie folgt folgt:

content : attr(alt) |

counter(name ,
list-style-type
) |. string) |. counters(name, string, list-style-type) | no-open-quote | )



Wert:

Der Code lautet wie folgt:

attr(alt)

:

Verwenden Sie den Text des Alt-Attributs des Objekts

Der Code lautet wie folgt:

Zähler (Name)

:

Verwenden Sie einen benannten Zähler

Der Code lautet wie folgt:

counter(name, list-style-type )

:

Verwenden Sie einen benannten Zähler. Benannte Zähler und halten Sie sich an das angegebene List-Style-Type-Attribut.

Der Code lautet wie folgt:

Zähler (Name, Zeichenfolge)

:

Alle benannten Zähler verwenden

Der Code lautet wie folgt:

Zähler (Name, Zeichenfolge,

Listenstiltyp)

:

Alle benannten Zähler verwenden und das angegebene Listenstiltyp-Attribut einhalten

Der Code lautet wie folgt :

no-close-quote

:

Fügt das Tag nicht nach dem Anführungszeichen-Attribut ein. Aber durch Erhöhen der Verschachtelungsebene

lautet der Code wie folgt:

no-open-quote

:

fügt das Front-Tag des Anführungszeichen-Attributs nicht ein. Aber reduzieren Sie die Verschachtelungsebene

Der Code lautet wie folgt:

close-quote

:

Fügen Sie das Post-Tag des Quotes-Attributs ein

Code wie folgt:

open-quote

:

Fügen Sie das Vorzeichen von Anführungszeichen-Attribut ein

The Der Code lautet wie folgt:

Zeichenfolge

:

Verwenden Sie die
-Zeichenfolge

in Anführungszeichen

Der Code lautet wie folgt:
url(url)

:

Verwenden Sie die angegebene absolute oder relative URL: Wird mit :after und

:before verwendet
Pseudoelemente vor oder vor dem Objekt Inhalt später anzeigen. Das entsprechende Skriptattribut ist content . Beispiel:

Der Code lautet wie folgt:p:after { content: url("http:www.devguru.com");

text-decoration

: none ; }

p:before { content: url("beep.wav") }

Die Frage, die Sie gestellt haben: Laut Grammatik sollte es „string“ sein :“ Anführungszeichen verwenden. Die „eingeschlossene Zeichenfolge“ sollte bedeuten, dass sie nach dem .clearfix-Objekt angezeigt wird. Dieses Zeichen ist

Das obige ist der detaillierte Inhalt vonDie Rolle des Inhalts: „.“ in CSS. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!