teamwallace/Project Wallace/Selectors

Universal selectors

• 1*Direct link to this value
• 1*::afterDirect link to this value
• 1*::beforeDirect link to this value
• 1.hero--has-longtail + *Direct link to this value

Top specificity selectors

1. .btn .visuallyhidden + .icon

   Inline styles

   0

   IDs

   0

   Classes attributes and pseudo-classes

   3

   Elements and pseudo-elements

   0

2. .btn--destroy:focus .icon

   Inline styles

   0

   IDs

   0

   Classes attributes and pseudo-classes

   3

   Elements and pseudo-elements

   0

3. .btn--destroy:hover .icon

   Inline styles

   0

   IDs

   0

   Classes attributes and pseudo-classes

   3

   Elements and pseudo-elements

   0

4. .btn-group .btn:not(:last-child)

   Inline styles

   0

   IDs

   0

   Classes attributes and pseudo-classes

   3

   Elements and pseudo-elements

   0

5. .btn:disabled:focus

   Inline styles

   0

   IDs

   0

   Classes attributes and pseudo-classes

   3

   Elements and pseudo-elements

   0

Top complexity selectors

1. .btn .visuallyhidden + .icon

   3

2. .btn--destroy:focus .icon

   3

3. .btn--destroy:hover .icon

   3

4. .btn-group .btn:not(:last-child)

   3

5. .btn:disabled:focus

   3

6. .btn:disabled:hover

   3

7. .btn[disabled]:focus

   3

8. .btn[disabled]:hover

   3

9. .card:focus .card__title

   3

10. .card:hover .card__title

    3

11. .form p a

    3

12. .hero a::after

    3

13. .hero a:hover

    3

14. .import-diff:target::before

    3

15. .profile__hero .hero__text::before

    3

16. .range-control__option:focus::after

    3

17. .range-control__option:hover::after

    3

18. .stat:first-child .stat__value

    3

19. .tab-bar > li:not(:last-child)

    3

20. .tab-bar__link:not(.tab-bar__link--is-active):focus

    3

21. .tab-bar__link:not(.tab-bar__link--is-active):hover

    3