Communities for your favorite technologies. Explore all Collectives
Stack Overflow for Teams is now called Stack Internal. Bring the best of human thought and AI automation together at your work.
Bring the best of human thought and AI automation together at your work. Learn more
Find centralized, trusted content and collaborate around the technologies you use most.
Stack Internal
Knowledge at work
Bring the best of human thought and AI automation together at your work.
I'm having trouble determining the specificity of this CSS rule. I've read plenty on the matter. What is the specificity of:
#sidebar h1, p em, p a:hover{ … }
#sidebar h1
p em
p a:hover
There are three selectors here,#sidebar h1, p em and p a:hover.
The specificity values are: 101, 002, 012 respectively.
If you add these up, the total is 115.
However, keep in mind that this value is meaningless since the selectors are applied independently of each other.
Add a comment
Start asking to get answers
Find the answer to your question by asking.
Explore related questions
See similar questions with these tags.
#sidebar h1,p emandp a:hover. Each selector will have its own specificity, which can be determined.