什么是默认的列表样式(CSS)?(What is default list styling (CSS

2019-06-26 15:44发布

在我的网站,我用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-typeinherit就是不继承浏览器的默认样式只是这个CSS属性。

有什么办法来继承原有的浏览器的某些属性的样式,而无需修改reset.css?

Answer 1:

我过去常常把这个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; 
}

编辑:有一个特定的类,当然...



Answer 2:

我觉得这其实是你在找什么:

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

.my_container li
{
    display: list-item;
}


Answer 3:

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;
}


Answer 4:

按照文档,大多数浏览器将显示<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; 
}

注意:结果将是完美的,如果我们使用上面的样式类。 同时看到不同的清单项目标记。



Answer 5:

你不能。 每当有应用任何样式表属性分配给一个元素,有没有办法让浏览器的默认值,该元素的任何实例。

reset.css的(有争议的)想法是摆脱浏览器的默认值,这样就可以从一个干净的桌子开始自己的造型。 reset.css的任何版本不完全,但他们做的程度,使用reset.css作者应该完全定义渲染。



Answer 6:

你重置在第二CSS组中所有元素的保证金。 默认保证金是40像素 - 这应该解决的问题:

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


Answer 7:

对于未来的答案:CSS 4可能将包含复归关键字,它从用户或用户代理样式表[恢复属性,以它的值源 。 写这篇文章,只有Safari支持这一点- 点击这里对浏览器的支持更新。

在你的情况,你可以使用:

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

又见这对方的回答与一些更多的细节。



文章来源: What is default list styling (CSS)?