我如何了解我的css值的变化？

Question

我是新手（非常如此），所以我的问题可能很愚蠢，但我找不到答案。

对于网页上的联系人表格，我设置了30px的高度，但是当我在Google Developer工具中查看它时，高度值被划掉。我试图找出导致我的价值被覆盖的原因，但没有运气。开发人员工具显示该值已被覆盖，但它未显示在哪里。

所以，问题是：如何在CSS中找到覆盖我的值的内容？

Answer 1

在Chrome中，您的样式将继承任何父样式 - 无论是在相同的样式表中，还是在其他附加的样式表中，如果有的话。

当样式从父元素或其他类继承属性时，其前辈将在样式浏览器*中列出，从最近的样式列出到最远的样式。因此，例如，如果您有一个分配了类的段落，但该段落包含在也具有自己样式的父div中，则样式浏览器将在顶部显示该段落的类名称（包括所有类属性），然后是div的类，依此类推你的DOM。

要发现覆盖高度值的样式，请向下滚动样式浏览器，直到找到未划掉的高度属性。您还会看到包含影响页面外观的样式的样式表（包括行号）。

*您可以通过右键单击网页并选择“检查元素”来打开样式浏览器。

Answer 2

你必须从底部开始阅读样式。

您应该在样式部分找到该表的CSS规则。从那一点开始，您应该能够看到哪些修改覆盖了您的规则并显示了“计算样式”部分中描述的元素。

如果您没有找到任何内容，请查看您的内联样式。

如果我能查看一些示例代码会更容易解释......

Answer 3

应用的样式显示在顶部，然后在向下滚动时显示被覆盖的样式。因此，被覆盖的值应该高于已被划掉的值。