如何知道誰在Chrome開發人員工具中覆蓋了規則？

Question

筆者觀察撫摸了規則，在Chrome：

如何知道剔除的原因是什麼？

Answer 1

您可以使用面板Computed。例如，你可以在那裏盤旋font-family。在屬性名稱的末尾有一個箭頭。您可以點擊此箭頭跳至面板Styles上的規則。規則跳躍是覆蓋所有其他規則的規則。

注：被覆蓋的屬性是較闇然後使用默認值的屬性。所以在這個例子中，font-family和font-size被覆蓋。

---

你想看到的僅僅是覆蓋屬性？
您可以取消選中屬性列表右上角的Show all複選框，以便只有覆蓋的屬性顯示在面板Computed中。