Css 重置样式表中的导航和列表

这个重置样式表正确吗？我遇到的问题是oi和ul

正如你所看到的，下面有

 ol li, ul li {
    margin: 5px 0 0 40px;
   }

我只想将它应用于页面内的列表，它起作用了，但是它也将样式应用于导航列表！在标题中，我如何防止这种情况发生

html, body, div, section, article, span, figure, figcaption, img, 
h1, h2, h3, h4, h5, h6, p, a, blockquote, pre, abbr, address, 
small, strong, sub, sup, input, output, textarea, ol, ul, li, fieldset, 
form, label, legend, tr, th, td, table, caption, footer, header, 
hgroup, aside, menu, nav, time, mark, audio, video, 
canvas, embed, iframe, object {

    margin: 0;
    padding: 0;
    border: none;
    font: inherit;
    max-width: 100%;
    text-decoration: none;
    box-sizing: border-box;
    -moz-box-sizing: border-box;    
    -webkit-box-sizing: border-box;
}

a {
    display: inline-block;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
}

ol li, ul li {
    margin: 5px 0 0 40px;
}

abbr {
    font-weight: bold;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

.hidden {
    display: none;
}

---

只需创建一个更具体的类来覆盖它，例如

ul.yourNavClass li {
   margin: 0px 5px;
}

---

这是假设类位于ul元素上，因为我看不到您的代码。如果不是，只需将其更改为任何布局方式，

.yourNavClass ul li

或

NavUL li

等。

如果

nav

中存在

li

元素，则必须再次重置它们，或者（更好的方式）您应该指定哪些

li

元素应该具有这些边距。因此，请为它们使用一个类

 ol li.margined, ul li.margined {
    margin: 5px 0 0 40px;
 }

还是第一个选择

ol li, ul li {
    margin: 5px 0 0 40px;
}
nav ol li, nav ul li {
    margin: 0;
}

---

怎么样

li:not（.Nav）

或

body:not（Nav）ol li，Nav ul li{}

？只更正yyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyy。。。此外，他们不会理解导航，我选择了第一个选项，但不是所有浏览器都支持它，是吗？