无序列表UL突然显示为有序编号列表，CSS调整无效如何解决？

1 修正无效CSS属性 #

你当前给出的CSS代码中，.listwidget ul规则下的list-style-type: round属于非法取值，CSS官方未定义round作为无序列表标记的合法值，浏览器会直接忽略这条规则，导致列表样式被其他优先级更高的规则覆盖，触发显示异常。
请将对应规则修改为合法取值，示例如下：

.listwidget ul {
    margin:0;
    padding:0;
    list-style-type: circle; /* 替换原无效的round取值，可按需换成disc、square等合法值 */
    list-style-position: outside;
    margin:1em;
}

2 提升规则优先级避免覆盖 #

如果修改后仍未生效，说明存在其他更高优先级的CSS规则给ul设置了有序列表的decimal标记属性，可通过以下两种方式处理：

• 快速验证方案：给目标列表规则加上!important强制生效，代码如下：

/* 全局所有无序列表都生效 */
ul {
    list-style-type: circle !important;
}
/* 如果只想让对应模块的列表生效，用更精准的选择器 */
.widget ul, .listwidget ul {
    list-style-type: circle !important;
}

• 精准定位修改方案：按F12打开浏览器开发者工具，点击左上角的元素选择箭头，点击页面上显示异常的列表项，在右侧样式面板中找到list-style-type属性，就能看到是哪条规则在生效，直接修改对应规则即可。

3 缓存清理 #

修改CSS代码后如果页面没有变化，按Ctrl+F5强制刷新页面，清空浏览器缓存的旧CSS文件即可看到修改效果。

内容的提问来源于stack exchange，提问作者steelbreeze