这个重置样式表正确吗?我遇到的问题是 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;
}