订单清单不能与ol type =“a”

我想使用class显示如下的订单清单。我已经尝试过，但它没有工作，请帮助我如何才能做到这一点？订单清单不能与ol type =“a”

1. List item 
    1.1 list item 
     (a) lit item a 
     (b) list item b 
2. List item 
    2.1 list item 
     (a) lit item a 
     (b) list item b 



.listStyle08 { 
    counter-reset: item; 
} 
.listStyle08 ol { 
    counter-reset: item; 
} 
.listStyle08 li { 
    display: block; 
} 
.listStyle08 li:before { 
    content: counters(item, ".") " "; 
    counter-increment: item; 
    display: inline-block !important; 
    padding-right: 10px; 
}

来源

2014-02-27 Muhammad Rashid

您可以创建一个jsfiddl è？ –

什么是您的HTML标记，以及CSS代码如何反映您尝试实现您所描述的演示文稿？ –

这里是a jsfiddle与一个工作解决方案。

的样式复制在这里为了方便：

ol { 
    counter-reset: section; 
    list-style-type: none; 
} 
li:before { 
    counter-increment: section; 
    content: counters(section, ".") ". "; 
} 

li li:before { 
    counter-increment: section; 
    content: counters(section, ".") " "; 
} 

ol ol ol { 
    counter-reset: list; 
    margin: 0; 
} 

ol ol ol > li { 
    list-style: none; 
    position: relative; 
} 

ol ol ol > li:before { 
    counter-increment: list; 
    content: "(" counter(list, lower-alpha) ") "; 
    position: absolute; 
    left: -1.4em; 
}

来源：

来源

2014-02-27 18:37:05 bejonbee

我愿意使用类来做这件事，因为我使用不同类型的订单列表，例如。 1.列表项1.1子列表项（i）子子列表项，我如何使用类做上面的解决方案？ –

只是以我的类名称为前缀的选择器，例如用'.listStyle08 ol'代替'ol' – bejonbee

其不工作http://jsfiddle.net/rqhK9/15/ –

订单清单不能与ol type =“a”

回答

相关问题