Question

是否有任何方法或扩展程序可以查看页面上应用了哪些CSS规则？例如，跨度规则不适用于任何内容。

<html>
<head>
<style>
    div{
        background: grey;
        line-height: 64px;
        width:64px;
        height:64px;
        text-align:center;
        color:white;
        font-family:verdana;
        font-size:35px;
        border-radius: 50%;
    }
    div:hover{
        background-color:#3b5998;
    }
    span {
        background-color:black;
    }
</style>
</head>
<div>
    f
</div>

如果我只能看到应用的规则，我可以删除不必要的规则，以便页面加载速度更快。

Answer 1

您是否尝试过检查页面？（铬上的Ctrl + Shift + i）

Answer 2

使用浏览器开发人员工具快捷键ctrl + shift + I或f12或右键单击并单击检查您要查找的标签元素。

然后点击一个html标签，显示哪个css在栏内使用

如何找出特定页面上应用的CSS规则？

2 个答案: