specificity icon indicating copy to clipboard operation
specificity copied to clipboard

A JavaScript module for calculating the specificity of CSS selectors

Results 11 specificity issues
Sort by recently updated
recently updated
newest added

[![Mend Renovate](https://app.renovatebot.com/images/banner.svg)](https://renovatebot.com) Welcome to [Renovate](https://togithub.com/renovatebot/renovate)! This is an onboarding PR to help you understand and configure settings before regular Pull Requests begin. 🚦 To activate Renovate, merge this Pull Request....

This CSS snippet works fine: .container > *:is(h1) But this snippet breaks the tool: .container > *:is(h1, h2) The first snippet reports `2 classes and 1 element` and its syntax...

Hi there! Crossposting an issue from https://github.com/stylelint/stylelint/issues/5065 submitted by @jonathantneal. It seems as if `specificity` doesn't properly support the rules around the `:where()` pseudoclass function. In particular, the spec ref...

> specificityArray: the result as an array of numbers e.g. [0, 1, 0, 0] [Selectors Level 3](https://www.w3.org/TR/2018/REC-selectors-3-20181106/#specificity) only has `a,b,c` Safari's developer tools also only show `a,b,c`. ![image](https://user-images.githubusercontent.com/2784308/117607704-27235a00-b18f-11eb-8803-6c6040f7e823.png) and 'css-specificity-calculator'...

http://dev.w3.org/csswg/selectors4/#matches This psuedo-class is already supported in many browsers http://caniuse.com/#search=matches

enhancement

It does not appear that you can enter an inline style into the calculator even though there is a "a" value visualized as an area to display them. I've tried...

When grouping selectors with a comma (http://www.w3.org/TR/css3-selectors/#grouping), the website (http://specificity.keegan.st/) simply displays the results for the first selector in the list. It would be nice to visualise all of the...

enhancement

Currently inputting a syntactically invalid CSS selector shows a specificity of 0 with no error (except in the devtools console), which might create confusion, if you don't realize it is...

E.g. `:host(.x)` is calculated as 0-1-0 but should be 0-2-0.