toggle()
- 版本:CSS3
语法:
toggle() = toggle(<value>#)
说明:
允许子孙元素使用取值序列中的值循环替换继承而来的值。
-
每级ul使用不同的标记:
示例代码:
ul { list-style-type: toggle(disk, circle, square, box); } em { font-style: toggle(italic, normal); } 在上述代码中,定义一个多级的ul,第一级使用disk markers,子孙级依次使用circle, square, box。
兼容性:
- 浅绿 = 支持
- 红色 = 不支持
- 粉色 = 部分支持
IE | Firefox | Chrome | Safari | Opera | iOS Safari | Android Browser | Android Chrome |
---|---|---|---|---|---|---|---|
6.0-11.0 | 2.0-38.0 | 4.0-43.0 | 3.1-8.1 | 5.0-28.0 | 3.2-8.1 | 2.1-4.4.4 | 18.0-40.0 |