CSS: content: "\ 00a0"

Сегодня я столкнулся с новым синтаксисом CSS, который я никогда раньше не видел.

content:"\00a0";

Проверяя это на w3schools, он объясняет:

Определение и использование

Свойство content используется с: before и: после псевдоэлементов, для вставки сгенерированного содержимого.

Мой вопрос: можете ли вы указать мне на примере реального мира, как мы можем использовать это свойство content? А что означает \00a0 в этом случае?

Ответы

Ответ 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.