CSS: Contenido: "\ 00A0"

Question

Hoy me encontré con una nueva sintaxis CSS que nunca he visto antes

content:"\00a0"; 

activación de esta función w3schools, explica:

definición y el uso

La propiedad de contenido se utiliza con los pseudo-elementos: before y: after para insertar contenido generado.

Mi pregunta es, ¿me pueden decir en el ejemplo del mundo real, cómo usamos esta propiedad content? ¿Y qué significa el \00a0 en este caso?

Answer 1

lo he usado antes de aplicar un estilo de texto en una lista flotado

#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>

que producirá algo así como

el primer artículo - segundo punto - tercer punto

Esto mantiene mi & el marcado semántico que puede introducir un peinado como el tablero a través de CSS.

Answer 2

La propiedad content se usa para agregar contenido o incluso agregar entidades html. En cuanto a \00a0, es un código hexadecimal para un espacio sin interrupciones.

Recursos:

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