Combining class and ID in your CSS selector, best practice?

Question

When combining a class and ID in CSS is it better practice to use .class#id or #id.class? Does one have advantages over the other, or are they treated exactly the same by every browser? Thoughts?

score 2 · Answer 1 · edited May 23 '17 at 12:18

2

I believe you can find some useful information here:
How to combine class and ID in CSS selector?

edited May 23 '17 at 12:18

Community

1
1

answered Jan 20 '11 at 16:11

Mr. L

3,039
4
24
26

So it looks like #id.class is the accepted usage. Strangely, both variations work in modern browsers. – bjork24 Jan 20 '11 at 16:15
I would say luckily both variantions work in modern browsers :) – Mr. L Jan 20 '11 at 16:39

score 2 · Answer 2 · answered Jan 20 '11 at 16:18

They both point to the same element due to that id selector, so they work the same way.

As for advantages, I feel that .class#id is suited more for specific cases of a .class element (like a sticky post in a blog), and a #id.class is just an extension of the #id element's stylesheet.

I'm not sure if this is common practice, but I find it helpful.

Combining class and ID in your CSS selector, best practice?

2 Answers2