如何检查css 规则被覆盖
你可以使用浏览器的开发者工具来检查 CSS 规则是否被覆盖。以下是使用 Google Chrome 进行检查的基本步骤：
打开你的网页，并右键点击你想要检查的元素，选择 "Inspect" 或 "Inspect Element"。
这会打开开发者工具窗口，并高亮显示你选择的元素的 HTML 代码。在这个窗口的右侧，你会看到 "Styles" 面板，其中列出了所有应用于当前选定元素的 CSS 规则。
在 "Styles" 面板中，你可以看到每一个 CSS 规则以及它们的来源。如果某个规则被划掉，那么这个规则就已经被其他的规则覆盖了。你可以通过查看排在它上面的规则来找出哪个规则造成了覆盖。
使用 "Computed" 面板可以看到最终应用于元素的所有 CSS 属性和值，这也有助于确定是否有规则被覆盖。
你也可以直接在 "Styles" 面板中修改、添加或删除 CSS 规则，以实时查看它们对页面的影响。
请注意，上述步骤可能在其他浏览器的开发者工具（如 Firefox、Safari 或 Edge）中有所不同，但基本的概念是一样的。