有没有办法知道在html中使用css文件中的哪个元素?

时间:2017-05-28 01:55:56

标签: html 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元素的选择器。

portfolio-carousel,owl-carousel,owl-theme类选择器很容易搞清楚。但是哇,褪色呢?是来自第3个css文件还是css,我的朋友自己制作了?

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

有没有办法弄清楚css文件真正用于工具和哪些选择器使用哪些css文件?因为我想删除我从别人那里获得的代码中的css链接行,如果没有使用的话。

1 个答案:

答案 0 :(得分:0)

在chrome中你可以按f12

然后点击click in the corner left arrow以选择要检查的元素

然后在开发人员工具的右侧,您将看到 this

:all.css?somerandomversion:1

那里&#34; 1&#34;是文件中应该进行更改的代码行