Le rôle du contenu : '.' en CSS

Il existe un p comme conteneur externe. Si le p interne est défini sur le style float, le conteneur externe p ne peut pas être ouvert pour ajouter le contenu dans le contenu à la fin de l'élément auquel clearfix est appliqué. le but d’ouvrir le conteneur. A quoi sert content : "."; dans ce code, quel problème résout-il et pourquoi doit-il être utilisé ?

Le code est le suivant :

.clearfix:after {
clear:
content: "."
affichage : bloc ;
hauteur : 0 ;
visibilité : caché
}

1--

lors de l'écriture de HTML ; code , a découvert que dans les navigateurs tels que Firefox conformes aux normes W3C, s'il existe un p comme conteneur externe et que le p interne est défini sur le style flottant, le conteneur externe p ne peut pas être ouvert car il n'y a pas d'espace libre à l'intérieur.
Ce CSS clearfix utilise le pseudo-objet after, qui ajoutera le contenu dans content à la fin de l'élément auquel clearfix est appliqué. Un point "." est ajouté ici, et son affichage est défini sur block ; la hauteur est définie sur 0 ; clear est défini sur les deux ; Cela permet d'atteindre l'objectif d'ouvrir le conteneur.

2-- La syntaxe du

contenu est rarement utilisée Je viens de vérifier les informations :

Syntaxe :

Le code est tel. suit :

content : attr(alt) | counter(name) |
counter(name , list-style-type) | chaîne) |
compteurs (nom, chaîne, type de style de liste) |
no-close-quote | no-open-quote | close-quote | )

Valeur :

Le code est le suivant :

attr(alt)

:

Utiliser le texte de l'attribut alt de l'objet

Le code est le suivant :

compteur(nom)

:

Utiliser un compteur nommé

Le code est le suivant :

counter(name, list-style-type )

 :

Utiliser un compteur nommé Compteurs nommés et respecter l'attribut list-style-type spécifié

Le code est le suivant :

compteurs(nom, chaîne)

 :

Utiliser tous les compteurs nommés

Le code est le suivant :

compteurs (nom, chaîne,

list-style-type)

 :

Utiliser tous les compteurs nommés et respecter l'attribut list-style-type spécifié

Le code est le suivant :

no-close-quote

:

N'insère pas la balise après l'attribut quotes. Mais en augmentant son niveau d'imbrication

le code est le suivant :

no-open-quote

:

n'insère pas la balise avant de l'attribut quotes. Mais réduisez son niveau d'imbrication

Le code est le suivant :

close-quote

:

Insérez la balise post de l'attribut quotes

code Comme suit :

open-quote

:

Insérer l'attribut pré-marque des guillemets

Le le code est le suivant :

chaîne

 :

Utilisez la chaîne

entre guillemets
Le code est le suivant :

url(url)

:

Utiliser l'url absolue ou relative spécifiée Description de l'adresse : utilisée avec :after et

:before.

pseudo-éléments, avant ou avant l'objet Afficher le contenu plus tard. L'attribut de script correspondant est content . Exemple : Le code est le suivant :

p:after { content: url("http:www.devguru.com");

text-decoration
: none ; } p:before { content: url("beep.wav") }

La question que vous avez posée : selon la grammaire, cela devrait être "string :" Utilisez des guillemets. La "chaîne fermée" doit signifier être affichée après l'objet .clearfix. Ce caractère est

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!