CSS：内容： “\ 00A0”

Question

今天我碰到，以前

content:"\00a0"; 

检查它w3schools我从来没有见过一个新的CSS语法来了，它说明：

定义和用法

content属性与：before和：after伪元素一起使用，以插入生成的内容。

我的问题是，你能指出我在现实世界的例子，我们如何使用这个content属性？在这种情况下\00a0是什么意思？

Answer 1

我用它前一个浮动列表

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

上实现文字造型

这将产生类似

第一项 - 第二项 - 第三项

这使我的标记语义&我可以介绍通过CSS样式这样一个破折号。

Answer 2

content属性用于添加内容或者甚至添加html实体。至于\00a0，它是非破坏空间的十六进制代码。

资源：

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