list-reset类无法清除列表项目标记问题咨询
问题原因及解决方法
- 优先级覆盖是核心问题
你给<ul>同时设置了navbar和list-reset两个类,相同优先级的CSS规则后写的会覆盖先写的。如果项目中.navbar类的样式定义在.list-reset之后,或者.navbar的选择器优先级更高(比如是ul.navbar这种带标签限定的写法),那么.navbar里对列表样式、内外边距的设置就会覆盖.list-reset的属性。
解决方法:把.list-reset的样式定义移到所有其他列表相关样式的后面,或者把选择器调整为ul.list-reset提高优先级即可。 - HTML结构错误可能导致解析异常
你提供的HTML代码存在结构错误:外层标签是<section class="navbar">,但内部多了一个没有对应开标签的</nav>,部分浏览器的怪异模式下可能因为结构解析出错导致类名不生效,删掉多余的</nav>,或者把外层的<section>改成<nav>修正结构即可。 - 排查CSS引入是否正常
确认写有.list-reset规则的CSS文件已经正确引入到当前HTML页面,不存在加载失败的情况。
内容的提问来源于stack exchange,提问作者Владислава Черкасова
相关产品推荐
相关产品推荐

