Эй, я изучаю, как создать базовую веб-страницу с использованием HTML5 и CSS, и мне было интересно, как я могу добавить дату, например "23 октября 2013 года", перед каждой ссылкой в блоге вместо того, где будет точка пули при использовании list-style- введите CSS. Например:
23 Окт 2013 "Как закодировать в HTML
Будет ли пример того, как он будет выглядеть в браузере, имея в виду, что это список?
благодаря
Чтобы быть настоящим рабочим блогом, другие ответы заставили бы вас динамически создавать css и иметь класс или идентификатор для каждой даты, которую вы хотели отобразить. Было бы лучше установить list-style-type: none
а ваша задняя загрузка - даты и заголовки, а не писать ваш css.
HTML/ПСЕВДОКОД:
<ul id="blog">
{% for post in blog %}
<li class="post">{{ post.date }} » {{ post.title }}</li>
{% end for %}
</ul>
CSS:
#blog {
list-style-type: none
}
Таким образом, это будет выглядеть так:
23 Окт 2013 "Как закодировать в CSS
19 Окт 2013 "Как закодировать в HTML
С помощью CSS :before
селектором.
Вот рабочий пример.
HTML:
<ul id="blog">
<li>How to code in HTML</li>
<li>How to code in CSS</li>
</ul>
CSS:
#blog li:before
{
content:"23 Oct 2013 » ";
}
:before
.