Stylesheet overriding in Child theme

Generally speaking, you want to load your general stylesheet (style.css) first and follow it with your more specific stylesheet(s) (style-premium.css). However, the actual details of how CSS cascades are more complex than that and your specific stylesheet can still be overridden by the general stylesheet:

  • if the !important declaration is used
  • based on the specificity of individual selectors

You can learn more about how the cascade works via W3.org or this CSS tutorial, which even deals with your question directly:

It’s also useful to note that external stylesheets placed underneath
each other also cascade — that is, the styles in the lowest stylesheet
overrides those in the higher stylesheets.

Related Posts:

  1. Versioning @import of parent theme’s style.css
  2. Attributing a version number to a child theme’s main stylesheet
  3. how do I queue my Child stylesheet/s *after* every Parent stylesheet/statement?
  4. Why is the Child Theme Stylesheet Not Loading?
  5. Give priority to child theme stylesheet
  6. How can I make new .css file in child theme override styles in child theme’s style.css
  7. Style.css in child theme is loaded before Bootstrap
  8. Overwrite CSS with without deleting it
  9. Hide post meta data on a specific category
  10. bbpress change the word forum, topic, reply in the forum to another word I choose
  11. Customizing default Mediaelement player
  12. Child Theme vs. Jetpack Editor
  13. Child theme works in local environment but is not working on remote
  14. How do add a the style-mobile css from the main theme to the child theme?
  15. Child theme style.css isn’t overwriting parent style.css
  16. How to use custom stylesheet only for a template in child theme
  17. Order of stylesheets in child theme
  18. Is it possible to add a ribbon in the background of h1 on every page?
  19. Child theme problem
  20. Child Theme with multiple css files
  21. Custom Background by Page IDs
  22. CSS Styling a specific page
  23. What is the correct workflow for modifying child themes?
  24. What are the best practices for maintaining and deploying several parent themes?
  25. css media query question [closed]
  26. How to customize the WordPress 2014 theme, to have page using less horizontal margin?
  27. How can I get this child theme stylesheet to properly load? Or if it is correct, why doesn’t my child theme appearance match the parent?
  28. child theme appears again when I put the header with parent name.
  29. Child theme not importing parent styles
  30. Set a link in child theme style.css to jump to #main [closed]
  31. How to create a non-responsive WordPress Theme Using Genesis Framework?
  32. Two stylesheets acting on one element
  33. WordPress Child Theme – twentyeleven
  34. Modify Twentyeleven child theme CSS – How to change body font size?
  35. Enqueuing multiple stylesheets with a child theme
  36. How to override styles from child theme if all the styles are in a folder?
  37. How to activate the child theme in WordPress?
  38. How to create my own style.css file in an wordpress child-theme
  39. Modifying posts based on category in TwentyTwentyTwo theme
  40. How do I cleanly override a plugin’s CSS with a child theme?
  41. How to include own css on wordpress tinymce editor?
  42. How to Add Customizer Setting in Child Theme
  43. Do I need to update the child theme too after updating the parent?
  44. adding a custom css class to post
  45. Use admin options from parent theme in child theme
  46. Overiding functions.php with child-theme
  47. Find a Parent Theme’s stylesheet $handle when it registers a stylesheet
  48. Want to create Child theme, but already edited Parent theme css files and some php files
  49. Child theme implementation issues
  50. Modify the Additional CSS section (adding a disclaimer)
  51. How to display post title & excerpt when mouse hovers on an image?
  52. wp_add_inline_script not adding when script_loader_tag filtered
  53. Child Style.css not overriding parent theme style located in assets/css/main.css
  54. How to NOT call Font Awesome or font icons in WordPress
  55. WordPress Child theme’s css not loading
  56. Child Theme – how to add new widget on a specific place?
  57. WordPress Twenty Fourteen Theme Sidebar
  58. Can I install/embed WordPress on a ‘single page’?
  59. Creating a child theme from Twenty Seventeen
  60. Child theme .css files are not overriding their parent .css files
  61. How can I make this Advanced Custom Field Save & Store local json work?
  62. Please Explain the Importing Process of Multiple Stylesheets for Child Themes
  63. why this media query is not working / not loading when I put it in child theme?
  64. How to add anchor tag at the top of posts, past the header and nav bar?
  65. changing parent theme into child theme
  66. Child theme CSS not applying to element
  67. How to override parent theme template files?
  68. Using filter to override “get_parent_theme_file_path” in child-theme
  69. Link featured image to post
  70. Good way to customize admin CSS?
  71. is it possible to add new template in theme twenty seventeen?
  72. Inline-Table under TwentyTwelve not working
  73. Child theme stylesheet not reflecting the changes
  74. Hide entry-header for a specific category
  75. My Child Theme CSS Isn’t Working
  76. Why does my child theme’s enqueue of styles mess up the order of script enqueues from the main theme?
  77. Where can I edit/see the HTML of this WordPress free theme?
  78. Fixed bottom menu on mobile doesn’t work on search included in Child Theme of Storefront
  79. Customize WP website specific column with CSS
  80. menu, header and footer is not shown in the appearance after creating the child theme
  81. The parent theme is missing. Please install the “bp-default” parent theme
  82. Will dequeueing in child theme functions.php file prevent Google Fonts from loading?
  83. how to fix loading scripts in child theme?
  84. Calling Category name without the link
  85. When I change some content in function of template-tags file in inc folder then its not working and show same as loke before
  86. Move text from the side of image to below image [closed]
  87. Strange Theme Error – parent style occasionally showing though child theme
  88. Child Theme Issue – activated but does not show in preview
  89. How to configure folders with ‘Child Theme’?
  90. Cannot modify a registered custom post type rewrite slug
  91. Child theme only loads on home page
  92. WordPress theme Modifications not showing up on live server
  93. How do I make my child theme’s CSS update when I save it?
  94. use another theme for just one page
  95. Instead of Custom CSS Theme CSS is loading
  96. WordPress Custom Fonts Problem! [closed]
  97. How to handle a large child theme
  98. Custom CSS working on home page but not on NEW created PAGE
  99. Disable all Fonts that are Standard in WordPress and replacing them with a custom Font?
  100. Child theme css not loading when declared in parent functions