I am working with HTML code that dynamically creates div elements inside a main div using JavaScript. To easily change the styles of these inner divs after they are created, I have created a new class called "main-light" and utilize jQuery's addClass and removeClass functions to manipulate the designs of these elements. By adding the "main-light" class to the main div, I am able to make sweeping changes to the CSS across the page with just one addClass call. Here is the CSS code for the new class: .main-light div#image-div, .main-light div.item-div {some css code} Question: Is there a more elegant way to write this CSS selector without repeating ".main-light" before each item? The example provided is brief, but my actual CSS file contains numerous elements and selectors, making it quite large. I hope this explanation is clear and that someone can offer me some assistance. Thank you.