Как добавить скобки (a) к заказанному списку? совместимый во всех браузерах
Я должен показать как
(a)
(b)
(c)
Обновление:
Я нашел CSS путем
ol {list-style-type: none;}
li:before {content: "(" counter(section, lower-alpha) ") ";}
li { counter-increment: section;}
но это не работает в IE 7 и ниже.
4 ответа
Вы не можете получить (a) (b) (c).
Вы можете получить букву без скобок:
...
См. http://www.w3schools.com/CSS/tryit.asp?filename=trycss_list-style-type_all
Это ваши варианты согласно W3C.
С CSS это невозможно. Вам нужно будет составить собственный список, используя javascript (или аналогичный).
Нет встроенного способа сделать это. Это означает, что вы попадаете в страну (забавных) хаков.
Вы можете попробовать фоновое изображение из двух скобок.
Это возможно с настраиваемыми счетчиками, но по крайней мере IE7- не поддерживает это, некоторые другие тоже могут не поддерживать. Подробнее см. Здесь: http://www.quirksmode.org/css/counter.html
Пример:
li:before {
content: "(" counter(mycounter,lower-latin) ")";
}