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