CSS: content: "\ 00A0"

Question

Aujourd'hui, je suis tombé sur une nouvelle syntaxe CSS que je ne l'ai jamais vu avant

content:"\00a0"; 

Vérification sur w3schools, il explique:

Définition et utilisation

la propriété de contenu est utilisé avec l': avant et: après les pseudo-éléments, à insérer le contenu généré.

Ma question est, pouvez-vous me montrer dans un exemple concret, comment utiliser cette propriété content? Et qu'est-ce que le \00a0 signifie dans ce cas?

Answer 1

Je l'ai utilisé avant de mettre en œuvre le texte de style sur une liste flottaient

#horz-list li { 
 
    list-style: none; 
 
    float: left; 
 
} 
 

 
#horz-list li:after { 
 
    content: "\00a0-\00a0"; 
 
} 
 

 
#horz-list li:last-child:after { 
 
    content: ""; 
 
}

<ul id="horz-list"> 
 
    <li>first item</li> 
 
    <li>second item</li> 
 
    <li>third item</li> 
 
</ul>

qui produira quelque chose comme

premier élément - deuxième élément - troisième élément

Cela permet de maintenir mon balisage sémantique & je peux présenter un tel coiffage le tableau de bord via css.

Answer 2

La content propriété est utilisée pour ajouter du contenu ou même ajouter des entités html. En ce qui concerne \00a0, il est code hexadécimal pour un espace insécable.

Ressources:

More Information
Javascript, CSS, and (X)HTML entities in numeric order