谷歌檢視CSS程式碼被誰覆蓋

admin發表於2018-04-25

通過谷歌開發者工具可以很方便的檢視指定元素的CSS樣式程式碼。

右鍵指定元素,然後點選檢查按鈕,可以彈出以下類似介面:

aid[970]

在右側出現對應元素CSS程式碼的宣告,有些css程式碼帶有刪除線,說明被其他程式碼所覆蓋。

那麼就可以在當前鎖定為的CSS程式碼處,向上或者向下,查詢CSS對應CSS程式碼,就可以找到是哪一條程式碼覆蓋了當前程式碼。比如上圖中,#page .item a{}中的text-decoration: none被下面a{}的對應程式碼覆蓋。


相關文章