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:
- Versioning @import of parent theme’s style.css
- Attributing a version number to a child theme’s main stylesheet
- how do I queue my Child stylesheet/s *after* every Parent stylesheet/statement?
- Why is the Child Theme Stylesheet Not Loading?
- Give priority to child theme stylesheet
- How can I make new .css file in child theme override styles in child theme’s style.css
- Style.css in child theme is loaded before Bootstrap
- Overwrite CSS with without deleting it
- Hide post meta data on a specific category
- bbpress change the word forum, topic, reply in the forum to another word I choose
- Customizing default Mediaelement player
- Child Theme vs. Jetpack Editor
- Child theme works in local environment but is not working on remote
- How do add a the style-mobile css from the main theme to the child theme?
- Child theme style.css isn’t overwriting parent style.css
- How to use custom stylesheet only for a template in child theme
- Order of stylesheets in child theme
- Is it possible to add a ribbon in the background of h1 on every page?
- Child theme problem
- Child Theme with multiple css files
- Custom Background by Page IDs
- CSS Styling a specific page
- What is the correct workflow for modifying child themes?
- What are the best practices for maintaining and deploying several parent themes?
- css media query question [closed]
- How to customize the WordPress 2014 theme, to have page using less horizontal margin?
- 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?
- child theme appears again when I put the header with parent name.
- Child theme not importing parent styles
- Set a link in child theme style.css to jump to #main [closed]
- How to create a non-responsive WordPress Theme Using Genesis Framework?
- Two stylesheets acting on one element
- WordPress Child Theme – twentyeleven
- Modify Twentyeleven child theme CSS – How to change body font size?
- Enqueuing multiple stylesheets with a child theme
- How to override styles from child theme if all the styles are in a folder?
- How to activate the child theme in WordPress?
- How to create my own style.css file in an wordpress child-theme
- Modifying posts based on category in TwentyTwentyTwo theme
- How do I cleanly override a plugin’s CSS with a child theme?
- How to include own css on wordpress tinymce editor?
- How to Add Customizer Setting in Child Theme
- Do I need to update the child theme too after updating the parent?
- adding a custom css class to post
- Use admin options from parent theme in child theme
- Overiding functions.php with child-theme
- Find a Parent Theme’s stylesheet $handle when it registers a stylesheet
- Want to create Child theme, but already edited Parent theme css files and some php files
- Child theme implementation issues
- Modify the Additional CSS section (adding a disclaimer)
- How to display post title & excerpt when mouse hovers on an image?
- wp_add_inline_script not adding when script_loader_tag filtered
- Child Style.css not overriding parent theme style located in assets/css/main.css
- How to NOT call Font Awesome or font icons in WordPress
- WordPress Child theme’s css not loading
- Child Theme – how to add new widget on a specific place?
- WordPress Twenty Fourteen Theme Sidebar
- Can I install/embed WordPress on a ‘single page’?
- Creating a child theme from Twenty Seventeen
- Child theme .css files are not overriding their parent .css files
- How can I make this Advanced Custom Field Save & Store local json work?
- Please Explain the Importing Process of Multiple Stylesheets for Child Themes
- why this media query is not working / not loading when I put it in child theme?
- How to add anchor tag at the top of posts, past the header and nav bar?
- changing parent theme into child theme
- Child theme CSS not applying to element
- How to override parent theme template files?
- Using filter to override “get_parent_theme_file_path” in child-theme
- Link featured image to post
- Good way to customize admin CSS?
- is it possible to add new template in theme twenty seventeen?
- Inline-Table under TwentyTwelve not working
- Child theme stylesheet not reflecting the changes
- Hide entry-header for a specific category
- My Child Theme CSS Isn’t Working
- Why does my child theme’s enqueue of styles mess up the order of script enqueues from the main theme?
- Where can I edit/see the HTML of this WordPress free theme?
- Fixed bottom menu on mobile doesn’t work on search included in Child Theme of Storefront
- Customize WP website specific column with CSS
- menu, header and footer is not shown in the appearance after creating the child theme
- The parent theme is missing. Please install the “bp-default” parent theme
- Will dequeueing in child theme functions.php file prevent Google Fonts from loading?
- how to fix loading scripts in child theme?
- Calling Category name without the link
- When I change some content in function of template-tags file in inc folder then its not working and show same as loke before
- Move text from the side of image to below image [closed]
- Strange Theme Error – parent style occasionally showing though child theme
- Child Theme Issue – activated but does not show in preview
- How to configure folders with ‘Child Theme’?
- Cannot modify a registered custom post type rewrite slug
- Child theme only loads on home page
- WordPress theme Modifications not showing up on live server
- How do I make my child theme’s CSS update when I save it?
- use another theme for just one page
- Instead of Custom CSS Theme CSS is loading
- WordPress Custom Fonts Problem! [closed]
- How to handle a large child theme
- Custom CSS working on home page but not on NEW created PAGE
- Disable all Fonts that are Standard in WordPress and replacing them with a custom Font?
- Child theme css not loading when declared in parent functions