CSS:内容:“ \ 00a0”

今天,我遇到了前所未有的新CSS语法

content:"\00a0";

在w3schools上进行检查,它说明:

定义和用法

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

我的问题是,您能否在现实世界中向我指出,我们如何使用此content属性? 在这种情况下,2701651570197177345是什么意思?

SteD asked 2020-01-14T02:15:09Z
2个解决方案
54 votes

content属性用于添加内容,甚至添加html实体。 至于\00a0,它是不间断空格的十六进制代码。

资源:

更多信息
按数字顺序的Javascript,CSS和(X)HTML实体

Sarfraz answered 2020-01-14T02:17:22Z
30 votes

我之前曾用它在浮动列表上实现样式文本

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

那会产生类似

第一项-第二项-第三项

这保留了我的标记语义,我可以通过CSS引入这种破折号的样式。

Ben Rowe answered 2020-01-14T02:16:49Z
translate from https://stackoverflow.com:/questions/2770681/css-content-00a0