2017-05-28 26 views
0

示例場景。有沒有辦法知道在CSS中使用CSS文件中的哪個元素?

你從你的朋友那裏得到了完整的HTML代碼。在你得到的HTML中,有各種第三方的css包。

假設其中之一是animate.css。你可以找到鏈接標記,並輕鬆找到你的朋友使用animate.css包。

<link href="vendor/animate.css/animate.min.css" rel="stylesheet" type="text/css"> 

但我想知道animate.css是否真的被使用。 animate.css中有很多元素。我無法檢查HTML中的每個元素,以確定它是否使用animate.css元素的選擇器。

投資組合傳送帶,貓頭鷹傳送帶,貓頭鷹主題類選擇器很容易弄清楚。但哇,褪色呢?它是從第三個CSS文件或CSS我的朋友自己做的?

<div class="portfolio-carousel wow fadeIn owl-carousel owl-theme"> 

有什麼辦法找出css文件是真正使用的工具和選擇用於該CSS文件?因爲我想刪除我從別人那裏得到的代碼中的css鏈接行,如果它沒有被使用。

回答

0

在Chrome中您可以按F12

然後單擊click in the corner left arrow選擇要檢查

的元素,然後在開發商工具右邊你會看到 this

的:all.css ?somerandomversion:1

其中「1」是文件中應該進行更改的代碼行

相關問題