CSS: content: "0a0"

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

content:"a0";

проверять его на w3schools, он объясняет:

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

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

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

2 52
css

2 ответа:

я использовал его раньше, чтобы реализовать стиль текста в плавающем списке 

#horz-list li {
  list-style: none;
  float: left;
}

#horz-list li:after {
  content: "a0-a0";
}

 #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.

29

The content свойство используется для добавления содержимого или даже добавления HTML-объектов. Что касается a0, это шестнадцатеричный код для неразрывного пространства.

ресурсы:

Дополнительная Информация
Javascript, CSS и (X)HTML-объекты в числовом порядке

52