specificity icon indicating copy to clipboard operation
specificity copied to clipboard

Display specificity for groups of selectors

Open twpol opened this issue 11 years ago • 1 comments

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 selectors in the list.

I would suggest two possible methods:

  • Display the 4-coloured-boxes once for each selector in the input.
  • Add a button to split the input (similar to duplicate) which creates a separate entry for each selector.

twpol avatar Apr 19 '13 08:04 twpol

Hi @twpol, I like the idea of showing a "Split" button when a comma is detected. Maybe it can appear down next to the "Duplicate" button.

keeganstreet avatar Apr 29 '13 23:04 keeganstreet