CSS：内容：“\ 00a0”

今天我遇到了一个我从未见过的新的CSS语法

content:"\00a0"; 

在w3school上检查它，它解释说：

定义和用法

content属性用于：before和：after伪元素之后，插入生成的内容。

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

Answer 1

我已经使用它在浮动列表上实现样式文本

 <style> #horz-list li { float: left; } #horz-list li:after { content: "\00a0-\00a0"; } #horz-list li:last-child:after { content: ""; } </style> <ul id="horz-list"> <li>first item</li> <li>second item</li> <li>third item</li> </ul> 

这会产生类似的东西

第一项 – 第二项 – 第三项

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

Answer 2

content属性用于添加内容，甚至添加html实体。 至于\00a0 ，它是hex代码为非\00a0空间。

资源：

更多信息
Javascript，CSS和（X）按照数字顺序的HTML实体