Quel est l'effet du contenu: “\0020”; propriété?
.container:after {
content: ".container:after {
content: "\0020";
display: block;
height: 0;
clear: both;
visibility: hidden;
overflow:hidden;}
20";
display: block;
height: 0;
clear: both;
visibility: hidden;
overflow:hidden;}
Contenu
Expliquer ce qu'est l'effet de "contenu: "\0020"; propriété?
- Vous pouvez l'essayer et voir
- c'est tout simplement un espace dans unicode.
- Expliqué ici: artishock.net/coding/...
- En fait, ce morceau de code n'a pas vraiment d'afficher quoi que ce soit si “vous pouvez essayer et voir” n'est pas facile à faire.
- C'est une propriété qui insère un caractère(s) :avant ou :après un élément. Avez-vous oublié à propos de google ?
Vous devez vous connecter pour publier un commentaire.
\0020
insère le point de code Unicode U+0020, qui est un espace. Donc le code est équivalent àcontent: ' ';
.content: x
remplace le contenu (= le texte affiché à l'écran) avec la valeurx
.Cependant, dans l'extrait de code que vous avez posté, ce contenu est invisible de toute façon vous ne serez donc pas voir quoi que ce soit. Le code est un clearfix mise en œuvre de re-float éléments sur la page.
<
,>
et&
bien sûr), mais des caractères Unicode (mais bien sûr, cela peut ne pas toujours être pratique lors de la saisie de caractères qui ne sont pas situées sur votre clavier ...).Qui ajoute un caractère d'espace pour effacer les flotteurs. Google clearfix et vous verrez des choses similaires.
De référence:
Le contenu de la propriété peut contenir des chaînes de texte, les adresses URI des ressources externes (une image par exemple), et le code ASCII des caractères spéciaux. Pour la grande qualité de composition, il est recommandé d'utiliser la norme ISO 10646 et de les encoder dans leur représentation HEXADÉCIMALE.
Un espace unique HEX est de 20, donc vous devez utiliser \0020