Different ways to load child theme css

There’s nothing wrong with css rules ending up in your inspector twice. In many cases you want the first version, loading both parent and child styles. After all, in that case your child style sheet only needs to have the styles you want different from the parent. The browser will correctly apply the child rule if they’re both there. If the parent theme style sheet is not there and the child theme style sheet is incomplete, your theme will break.

The second version you give indeed only loads the child style sheet. The filter makes sure that if the theme asks for something from the style directory (like an icon or a secondary stylesheet), it is retrieved from the parent directory. If you use the second version, make sure you copy the complete parent style.css and adapt that one.

Related Posts:

  1. How Can I Use A Child Theme Effectively When Parent’s CSS Is Located in a ‘CSS folder’?
  2. Disable child theme css on certain pages
  3. why this media query is not working / not loading when I put it in child theme?
  4. Child theme stylesheet not always overriding “index”
  5. Child Theme CSS not showing at all
  6. CSS getting injected into index from somewhere after theme/custom CSS is loaded, overriding all of my CSS [closed]
  7. How to enqueue stylesheets in child-theme functions.php?
  8. Dequeing Parent Fontawesome Deques Parent Styles
  9. My Child Theme CSS Isn’t Working
  10. Font size decreases when child theme is created from parent theme?
  11. Why are my parent styles loading after my child styles?
  12. Browser stacks different versions of style.css
  13. Remove Open Sans from Twenty Twelve theme
  14. Enqueue Google Web Fonts Without Messing Up Symbols In URL
  15. Inbuilt style for jquery-ui-datepicker
  16. Why is style.css not being enqueued?
  17. How to conditionally enqueue a stylesheet only for a certain page(s)?
  18. Why is the Child Theme Stylesheet Not Loading?
  19. Is it possible to enqueue a raw CSS string directly from within a template file?
  20. Give priority to child theme stylesheet
  21. Use wp_enqueue_scripts, not wp_print_styles?
  22. How do I remove specific styles from the parent theme css using the child theme css?
  23. Why isn’t my theme processing SASS?
  24. How to combine multiple CSS files and concatenate JavaScripts if WordPress recommends enqueuing them?
  25. Adding style sheet to specific page
  26. Do I only need to import style.css for a child theme?
  27. some things in child theme css not overriding parent
  28. Style.css in child theme is loaded before Bootstrap
  29. When enqueing a stylesheet, is it possible to remove the type attribute? [duplicate]
  30. Understanding child theme functions.php
  31. Load custom css after bootstrap
  32. De-registering parent style sheet css recommended?
  33. Enqueue style for Password Reset page
  34. The correct way to include JavaScript and CSS in my WordPress Themes
  35. Duplicate and alter sidebar for Twenty Eleven
  36. Is it possible to change the path of a css file that is registered through wp_enqueue_style()?
  37. How can I remove css from a child theme?
  38. Relative path instead of absolute for wp_enqueue_script
  39. get_stylesheet_uri returns wrong path
  40. Override load-styles.php with admin screen css
  41. CSS file not registering through add_action
  42. Custom Admin CSS styles to style media uploader?
  43. getting url in wp_enqueue_style
  44. Is it better to put CSS in additional CSS or in Child theme styles.css [closed]
  45. Loading different stylesheet on WordPress pages?
  46. Use wp_add_inline_style to add code to before wp_head?
  47. why enqueued styles in header.php shows in footer?
  48. Font Awesome wp_enqueue_style
  49. Adding external stylesheet after ALL other styles
  50. Parent theme CSS overriding child CSS rules
  51. How to enqueue a random css style?
  52. WordPress Twenty Fourteen Theme Sidebar
  53. Load in wp admin assets from child theme
  54. Enqueue styles in new site editor in WordPress 5.9
  55. Help with child theme enqueuing additional css files
  56. How to integrate my HTML and javascript into my child theme
  57. How to organize priority of plugins CSS files?
  58. How do I make header.php use different css for different pages?
  59. Trying to figure out why my child theme is trying to access a file that doesn’t exist
  60. Load CSS in footer, like your can with JS?
  61. Child theme CSS not applying to element
  62. Correct Way To Make Changes To A WordPress Theme
  63. Why is this jquery / java script code not working in mobile / in devices?
  64. Why is my child theme style.css not found (404) in the front-end? [closed]
  65. My CSS suddenly doesn’t load anymore [closed]
  66. How to sync the style in the visual editor with the style of a child theme?
  67. How can I force Dynamic CSS via ACF values to update on page load?
  68. functions.php – inject inline css from file
  69. Append style tag in head while shortcode runs
  70. How can I move my custom css to the very bottom of the head section?
  71. enqueing Javascript and CSS
  72. 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?
  73. child theme appears again when I put the header with parent name.
  74. Load custom CSS before admin CSS
  75. How would one set or override a Fallback font for characters in second language?
  76. First element/selector of enqueued CSS file breaks
  77. get_template_directory_uri() links to child theme not parent
  78. Child Theme style.css changes aren’t showing. Parent “style-less.css” over rides it, and won’t update
  79. Css will not display in webpage, after adding it in style.css in child theme
  80. Why would the child theme load in the Customize preview, but not on the site itself?
  81. Dequeue styles with query doesn’t work
  82. Save custom option in CSS file
  83. WordPress childtheme not loading any CSS/SCSS
  84. Add inline CSS to login page with wp_add_inline_style
  85. Bootstrap Integtration
  86. Set different css stylesheet for specific pages [duplicate]
  87. all of a sudden my child theme style.css is being ignored? Its been working fine for months?
  88. Change style of Twenty Seventeen child theme
  89. Child Theme not loading multiple stylesheets
  90. CSS in child theme to replace !important in parent theme
  91. Modify arguments for parent theme’s `wp_register_style` via child theme
  92. How to make CSS load live based on options clicked in the theme customizer?
  93. Replacing parent theme’s IE-specific CSS
  94. 100% Width Footer – Custom Child Theme
  95. Bootstrap 4 Optimization
  96. Add Custom CSS Class in Child Theme [closed]
  97. How to create my own style.css file in an wordpress child-theme
  98. plugin not loading my css and js
  99. Custom theme – Bootstrap CSS not loading via wp_enqueue_style or otherwise
  100. How enqueue CSS out of theme folder?
tech