The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS Nested CSS Classes – Child class to override parent class?

  • This topic is empty.
Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
  • #250194

    Consider the following:

    The goal is to have an elements parent dictate it’s style. So .dark .light p would have light text, .dark p would have dark text, and .light .dark .light p would have light text.

    The p element might not even be a direct child of .dark or .light so .light .dark div.wrap div.inner p would have dark text.

    Because of the cascading nature of CSS, it seems to prefer the last rule. Is this even passible?



    using color: inherit on the <p> should do the trick.

    .dark { color: #000; }
    .light { color: #aaa; }
    .dark p,
    .light p {
      color: inherit;
Viewing 2 posts - 1 through 2 (of 2 total)
  • The forum ‘CSS’ is closed to new topics and replies.