How do I prevent CSS inheritance?

by

You either use the child selector

So using

#parent > child

Will make only the first level children to have the styles applied. Unfortunately IE6 doesn’t support the child selector.

Otherwise you can use 

#parent child child

To set another specific styles to children that are more than one level below.

More Related Contents:

  1. How to create a pure css slideshow? [closed]
  2. Is there a “previous sibling” selector?
  3. Align inline-block DIVs to top of container element
  4. Transparent arrow/triangle indented over an image
  5. How to change the color of an svg element?
  6. Using regular expression in css?
  7. How do I make an html link look like a button?
  8. Are eot, ttf, and svg still necessary in the font-face declaration?
  9. Align 3 unequal blocks left, center and right
  10. What is the default padding and/or margin for a p element (reset css)?
  11. Which CSS properties create a stacking context?
  12. If you specify `bottom: 0` for position: sticky, why is it doing something different from the specs?
  13. Triangle shape with background image
  14. How to use template literals in tailwindcss to change classes dynamically?
  15. Simple CSS Animation Loop – Fading In & Out “Loading” Text
  16. How to put an image in div with CSS?
  17. Font size in CSS – % or em? [duplicate]
  18. IE7 relative/absolute positioning bug with dynamically modified page content
  19. How do I remove extra margin space generated by inline blocks? [duplicate]
  20. Why does my Django admin site not have styles / CSS loading?
  21. Clip path inset circle?
  22. Non-Standard fonts in web?
  23. doesn’t inherit the font from
  24. How can I avoid media query overlap?
  25. How do you style a external svg with css
  26. Why doesn’t height: 0 hide my padded , even with box-sizing: border-box?
  27. Flexbox: flex-start/flex-end, self-start/self-end, and start/end; What’s the difference?
  28. CSS transition fade in
  29. URLs within CSS files broken with Grails resources plugin 1.2.7
  30. How to change Bootstrap navbar collapse breakpoint

Leave a Comment