Как удалить точку (.) Из нумерации OL? - PullRequest
2 голосов
/ 03 мая 2010

http://jsbin.com/urice

Я хочу удалить . после номера.

1. должно быть 1 только

При совместимости со всеми браузерами IE6 и действительность.

Мне нужно решение без JavaScript.

Редактировать:

Если это невозможно только с помощью css, тогда приветствуется простое решение javascript и jQuery, спасибо.

Ответы [ 3 ]

3 голосов
/ 03 мая 2010

Существует, не знаю, сколько браузеров его поддерживают.

ol {
list-style-type:none;
} 

ol li:before {
content:counter(number) " ";
counter-increment:number;
counter-reset: number;
}

Рабочий пример здесь . У меня это работает в Chrome.

1 голос
/ 05 мая 2010

Честно говоря, единственный способ сделать то, что вы хотите полностью через браузер, это вообще не использовать нумерацию списка. Просто добавьте list-style:none в список и введите цифры вручную:

<ol>
  <li>1 The first item</li>
  <li>2 The second item</li>
</ol>

Если вы генерируете код на стороне сервера, то это намного проще, так как вы можете использовать инкрементную переменную в цикле.

0 голосов
/ 03 мая 2010

Использование jQuery для поиска

и вставка инкрементного числа в их .innerHTML, вероятно, лучший способ сделать это с помощью javascript.
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...