CSS Specificity

[plasticine]

Would be cool addition to include CSS specificity into the metrics provided.

Specificity is great as it gives you information about what your rules are actually made up of, not just how many you have, etc.

I guess you could calculate specificity for all rules and then provide things like;

• average rule specificity
• total #id, .class and <element> specificities

[macbre]

Use specificity npm module

[macbre]

Example:

{
  "metrics": {
    "specificityIdAvg": 0.05,
    "specificityIdTotal": 35,
    "specificityClassAvg": 1.25,
    "specificityClassTotal": 872,
    "specificityTagAvg": 0.78,
    "specificityTagTotal": 548
  }
}

  analyze-css:specificity .search-result figure.image:hover > .price: 041 +0ms
  analyze-css:specificity #slideshow > form input[type="text"]: 112 +0ms

[plasticine]

This is just awesome! Thanks! :D