Fatih Yavuz Fatih Yavuz - 1 month ago 9
CSS Question

How do I find out which CSS rules are applied on a specific page?

Is there any method or extension to see which CSS rules are applied on a page? For example, span rule does not apply to anything.

<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>




If I can see only the rules applied, I can delete unnecessary rules so that, page can load faster.

Answer

This library is helpful for that specific purpose. https://github.com/purifycss

Comments