什么是默认列表样式(CSS)?

在我的网站上我使用reset.css。 它将这完全添加到列表样式中:

ol, ul { list-style: none outside none; } html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { background: none repeat scroll 0 0 transparent; border: 0 none; font-size: 100%; margin: 0; outline: 0 none; padding: 0; vertical-align: baseline; } 

问题是所有的列表样式都设置为NONE 。 我想只恢复网站子页面上所有列表的原始列表样式(默认)(在.my_container所有列表)。

当我尝试设置的东西,像list-style-type inherit是不inheritance浏览器的CSS属性的默认样式。

有没有办法inheritance原来的浏览器的某些属性的样式,而不修改reset.css?

我曾经设置这个CSS去除重置:

 ul { list-style-type: disc; list-style-position: inside; } ol { list-style-type: decimal; list-style-position: inside; } ul ul, ol ul { list-style-type: circle; list-style-position: inside; margin-left: 15px; } ol ol, ul ol { list-style-type: lower-latin; list-style-position: inside; margin-left: 15px; } 

编辑:当然有一个特定的课程…

我想这实际上是你要找的东西:

 .my_container ul { list-style: initial; margin: initial; padding: 0 0 0 40px; } .my_container li { display: list-item; } 

http://www.w3schools.com/tags/tag_ul.asp

 ul { display: block; list-style-type: disc; margin-top: 1em; margin-bottom: 1em; margin-left: 0; margin-right: 0; padding-left: 40px; } 

你不能。 无论何时应用任何样式表将属性分配给元素,都无法访问浏览器的默认值,对于元素的任何实例。

reset.css的(有争议的)想法是摆脱浏览器的默认设置,这样你就可以从干净的桌面开始自己的样式。 没有一个版本的reset.css完全可以做到这一点,但是就其所做的而言,使用reset.css的作者应该完全定义渲染。

您正在重置第二个CSS块中所有元素的边距。 默认的边距是40px – 这应该解决问题:

 .my_container ul {list-style:disc outside none; margin-left:40px;} 

未来的答案:CSS 4可能包含revert关键字,它将用户或用户代理样式表[ source ]中的属性还原为其值。 在写这篇文章的时候,只有Safari支持这个 – 在这里检查浏览器支持的更新。

在你的情况下,你会使用:

 .my_container ol, .my_container ul { list-style: revert; } 

有关更多详细信息,另请参阅其他答案 。