How to combine class and ID in CSS selector?

by

In your stylesheet:

div#content.myClass

Edit: These might help, too:

div#content.myClass.aSecondClass.aThirdClass /* Won't work in IE6, but valid */
div.firstClass.secondClass /* ditto */

and, per your example:

div#content.sectionA

Edit, 4 years later: Since this is super old and people keep finding it: don’t use the tagNames in your selectors. #content.myClass is faster than div#content.myClass because the tagName adds a filtering step that you don’t need. Use tagNames in selectors only where you must!

More Related Contents:

  1. Is there a CSS parent selector?
  2. Complex CSS selector for parent of active child [duplicate]
  3. Select every Nth element in CSS
  4. CSS3 selector :first-of-type with class name?
  5. CSS Selector that applies to elements with two classes
  6. Why isn’t it possible to combine vendor-specific pseudo-elements/classes into one rule set?
  7. CSS ‘>’ selector; what is it? [duplicate]
  8. Select element based on multiple classes
  9. CSS selector based on element text? [duplicate]
  10. Should I avoid using !important in CSS?
  11. CSS: How to say .class:last-of-type [classes, not elements!] [duplicate]
  12. How to write a CSS hack for IE 11? [duplicate]
  13. Is the CSS :not() selector supposed to work with distant descendants?
  14. :not() selector not behaving the same between Safari and Chrome/Firefox
  15. Combining :last-child with :not(.class) selector in CSS
  16. Invalid CSS selector causes rule to be dropped: What is the rationale?
  17. Style child element when hover on parent
  18. How to select the first, second, or third element with a given class name?
  19. Why can’t you group descendants in a CSS selector?
  20. Combine :after with :hover
  21. What does the dot mean in CSS?
  22. Not CSS selectors
  23. :active css selector not working for IE8 and IE9
  24. CSS selector involving pseudo class first-child and dropcap
  25. Multiple descendant children selector with css [duplicate]
  26. Targeting position:sticky elements that are currently in a ‘stuck’ state
  27. Select odd even child excluding the hidden child
  28. Comma in CSS, multiple selectors using the same CSS
  29. CSS class repetition to increase specificity
  30. select second child

Leave a Comment