Удалить десятичный из упорядоченного списка <ol>с помощью CSS? - PullRequest
Новая
       5

Удалить десятичный из упорядоченного списка <ol>с помощью CSS?

4 голосов
/ 01 июля 2010

Я предполагаю, что ответ «нет», но я решил задать этот вопрос всем вам, ниндзя CSS, так как он возник раньше, и когда вы копаете код, в котором участвует целая команда самый счастливый ответ не всегда «ну, просто переделай код».

С учетом упорядоченного списка: 

<ol>
    <li>...</li>
    <li>...</li>
    <li>...</li>
</ol>

Можно ли удалить десятичные точки, но сохранить нумерацию с помощью JUST CSS, без взлома JavaScript и т. Д.? Мой опыт и интуиция говорят «абсолютно нет», но я знаю, что есть некоторые довольно креативные типы, и мне интересно, есть ли что-то, что я еще не рассмотрел.

Обновление

Пример возможного текста, согласно запросу:

Преобразовать упорядоченный список, который выглядит следующим образом: 

1. [...content...]
2. [...content...]
3. [...content...]

Примерно так: 

1 [...content...]
2 [...content...]
3 [...content...]

Все с CSS Wizardy, без JavaScript. Опять же, я понимаю, что это может быть невозможно, но ты просто никогда не знаешь, да.

Ответы [ 2 ]

11 голосов
/ 01 июля 2010

Это работает в Firefox 3.6.6 и Chrome 6, но не в IE7 или IE8 (не удивительно). 

OL { counter-reset: item }
LI { display: block }
LI:before { content: counter(item) " "; counter-increment: item }

См. http://www.w3.org/TR/CSS2/generate.html#scope

1 голос
/ 01 июля 2010

Для решения, не связанного с технологиями, но совместимого с несколькими браузерами, вы можете использовать фоновое изображение с вертикально расположенными числами, примененными к ol;просто укажите line-height, чтобы убедиться, что все выровнено.

...