大样式sheet如何排查CSS？
How to troubleshoot CSS in a large style sheet?
我正在尝试修改我需要使用的 Wordpress 插件中的 CSS。样式表 (learnpress.css) 超过 2000 行，因此理解它是一个挑战；但我要做的很简单——更改某个 class.
的背景颜色
代码在 https://tgtau.rickcasey.net/courses/the-great-turning-you/，但是当我在 Chrome 的开发者工具中更改部分内容 class 的背景颜色时，没有任何反应：
任何人都可以指出我如何找出哪些其他 css 样式覆盖了它吗？其他帖子仅暗示 CSS 难以诊断继承和优先级的工作方式，因此我希望 chrome-dev-tools 中有一些关于如何做到这一点的技术。谢谢！
背景是在 li 元素本身中设置的，因此无论您将 ul 背景设置为什么，它都不会显示，因为包含的 li 元素是不透明（纯白色）。
调试这些情况时，请记住每个元素都可以有自己的背景颜色，并且容器可以根据其内容自动调整大小。您还可以覆盖 li 元素上的 css 以使它们透明，以便您的 ul 背景可见。
我正在尝试修改我需要使用的 Wordpress 插件中的 CSS。样式表 (learnpress.css) 超过 2000 行，因此理解它是一个挑战；但我要做的很简单——更改某个 class.
的背景颜色代码在 https://tgtau.rickcasey.net/courses/the-great-turning-you/，但是当我在 Chrome 的开发者工具中更改部分内容 class 的背景颜色时，没有任何反应：
任何人都可以指出我如何找出哪些其他 css 样式覆盖了它吗？其他帖子仅暗示 CSS 难以诊断继承和优先级的工作方式，因此我希望 chrome-dev-tools 中有一些关于如何做到这一点的技术。谢谢！
背景是在 li 元素本身中设置的，因此无论您将 ul 背景设置为什么，它都不会显示，因为包含的 li 元素是不透明（纯白色）。
调试这些情况时，请记住每个元素都可以有自己的背景颜色，并且容器可以根据其内容自动调整大小。您还可以覆盖 li 元素上的 css 以使它们透明，以便您的 ul 背景可见。