在我的网站,我用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
就是不继承浏览器的默认样式只是这个CSS属性。
有什么办法来继承原有的浏览器的某些属性的样式,而无需修改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;
}
按照文档,大多数浏览器将显示<ul>
<ol>
和<li>
使用以下默认值的元素:
默认CSS设置UL或OL标签:
ul, ol {
display: block;
list-style: disc outside none;
margin: 1em 0;
padding: 0 0 0 40px;
}
ol {
list-style-type: decimal;
}
默认CSS设置LI标签:
li {
display: list-item;
}
样式嵌套列表项,以及:
ul ul, ol ul {
list-style-type: circle;
margin-left: 15px;
}
ol ol, ul ol {
list-style-type: lower-latin;
margin-left: 15px;
}
注意:结果将是完美的,如果我们使用上面的样式类。 同时看到不同的清单项目标记。
你不能。 每当有应用任何样式表属性分配给一个元素,有没有办法让浏览器的默认值,该元素的任何实例。
reset.css的(有争议的)想法是摆脱浏览器的默认值,这样就可以从一个干净的桌子开始自己的造型。 reset.css的任何版本不完全,但他们做的程度,使用reset.css作者应该完全定义渲染。
你重置在第二CSS组中所有元素的保证金。 默认保证金是40像素 - 这应该解决的问题:
.my_container ul {list-style:disc outside none; margin-left:40px;}
对于未来的答案:CSS 4可能将包含复归关键字,它从用户或用户代理样式表[恢复属性,以它的值源 。 写这篇文章,只有Safari支持这一点- 点击这里对浏览器的支持更新。
在你的情况,你可以使用:
.my_container ol, .my_container ul {
list-style: revert;
}
又见这对方的回答与一些更多的细节。