CSS：内容：“\ 00a0”

Question

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

content:"\00a0";

在w3schools上查看，它解释了：

  

定义和用法

     

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

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

Answer 1

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

资源：

<强> More Information
的 Javascript, CSS, and (X)HTML entities in numeric order

Answer 2

我以前用过它来在浮动列表上实现样式文本

#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引入样式这样的破折号。