Chrome DevTools 中勾选和划掉 CSS 样式的区别是什么？
What is the the difference in Chrome DevTools between checked and crossed out CSS styling?
我想在屏幕中间居中放置一个 div。这就是为什么我要覆盖一些 CSS 规则。我又写了规则并设置了!important。 （请查看打印屏幕。讨论的规则以红色标记。）
如您所见，旧规则现在已被划掉，但它仍然不起作用。它仅在我手动取消选中规则时才有效。 （左侧的黄色复选框）
我在Firefox里查了一下，覆盖的规则没有被越过。这意味着问题可能与覆盖有关。
有什么区别，我该如何解决？
选中的所有内容都处于活动状态；当您打开检查器时，默认情况下会选中所有内容，您可以取消选中单个 属性 值对以暂时禁用它们，直到您刷新或再次选中该框。
被划掉的所有内容都是当前正在被其他地方的另一个 属性-值对覆盖的东西，无论是在同一个选择器中还是在另一个选择器中。它被覆盖是因为一个值是相同的但是写在第二个（比如 shorthand 属性 在特定的之后使用），或者它可能被覆盖因为某处有一个更具体的选择器具有确切的在某处相同 属性。
我想在屏幕中间居中放置一个 div。这就是为什么我要覆盖一些 CSS 规则。我又写了规则并设置了!important。 （请查看打印屏幕。讨论的规则以红色标记。）
如您所见，旧规则现在已被划掉，但它仍然不起作用。它仅在我手动取消选中规则时才有效。 （左侧的黄色复选框）
我在Firefox里查了一下，覆盖的规则没有被越过。这意味着问题可能与覆盖有关。
有什么区别，我该如何解决？
选中的所有内容都处于活动状态；当您打开检查器时，默认情况下会选中所有内容，您可以取消选中单个 属性 值对以暂时禁用它们，直到您刷新或再次选中该框。
被划掉的所有内容都是当前正在被其他地方的另一个 属性-值对覆盖的东西，无论是在同一个选择器中还是在另一个选择器中。它被覆盖是因为一个值是相同的但是写在第二个（比如 shorthand 属性 在特定的之后使用），或者它可能被覆盖因为某处有一个更具体的选择器具有确切的在某处相同 属性。