Versioning @import of parent theme's style.css - WordPress Development Stack Exchange

<!DOCTYPE html> <html itemscope itemtype="http://schema.org/QAPage"> <head><script type="text/javascript" src="/_static/js/bundle-playback.js?v=HxkREWBo" charset="utf-8"></script> <script type="text/javascript" src="/_static/js/wombat.js?v=txqj7nKC" charset="utf-8"></script> <script>window.RufflePlayer=window.RufflePlayer||{};window.RufflePlayer.config={"autoplay":"on","unmuteOverlay":"hidden"};</script> <script type="text/javascript" src="/_static/js/ruffle/ruffle.js"></script> <script type="text/javascript"> __wm.init("https://web.archive.org/web"); __wm.wombat("http://wordpress.stackexchange.com/questions/163301/versioning-import-of-parent-themes-style-css/","20170312234623","https://web.archive.org/","web","/_static/", "1489362383"); </script> <link rel="stylesheet" type="text/css" href="/_static/css/banner-styles.css?v=S1zqJCYt" /> <link rel="stylesheet" type="text/css" href="/_static/css/iconochive.css?v=3PDvdIFv" />  <title>Versioning @import of parent theme's style.css - WordPress Development Stack Exchange</title> <link rel="shortcut icon" href="https://web.archive.org/web/20170312234623im_/https://cdn.sstatic.net/Sites/wordpress/img/favicon.ico?v=254234ed340f"> <link rel="apple-touch-icon image_src" href="https://cdn.sstatic.net/Sites/wordpress/img/apple-touch-icon.png?v=bfad0b4f9cc5"> <link rel="search" type="application/opensearchdescription+xml" title="WordPress Development Stack Exchange" href="/web/20170312234623/http://wordpress.stackexchange.com/opensearch.xml"> <meta name="twitter:card" content="summary"> <meta name="twitter:site" content="@StackWordPress"/> <meta name="twitter:domain" content="wordpress.stackexchange.com"/> <meta property="og:type" content="website"/> <meta property="og:image" itemprop="image primaryImageOfPage" content="https://web.archive.org/web/20170312234623im_/https://cdn.sstatic.net/Sites/wordpress/img/apple-touch-icon@2.png?v=85d7f2242440"/> <meta name="twitter:title" property="og:title" itemprop="title name" content="Versioning @import of parent theme's style.css"/> <meta name="twitter:description" property="og:description" itemprop="description" content="Context I built a child theme based on Twenty Thirteen which works quite well. After updating the parent theme to version 1.3, I noticed strange behavior with the styling which was caused by a cac..."/> <meta property="og:url" content="https://web.archive.org/web/20170312234623/http://wordpress.stackexchange.com/questions/163301/versioning-import-of-parent-themes-style-css/"/> <link rel="canonical" href="https://web.archive.org/web/20170312234623/http://wordpress.stackexchange.com/questions/163301/versioning-import-of-parent-themes-style-css/"/> <script src="https://web.archive.org/web/20170312234623js_/https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script> <script src="https://web.archive.org/web/20170312234623js_/https://cdn.sstatic.net/Js/stub.en.js?v=e7102024f1c5"></script> <link rel="stylesheet" type="text/css" href="https://web.archive.org/web/20170312234623cs_/https://cdn.sstatic.net/Sites/wordpress/all.css?v=12fbf9c58dc2"> <link rel="alternate" type="application/atom+xml" title="Feed for question 'Versioning @import of parent theme's style.css'" href="/web/20170312234623/http://wordpress.stackexchange.com/feeds/question/163301"> <meta name="twitter:app:country" content="US"/> <meta name="twitter:app:name:iphone" content="Stack Exchange iOS"/> <meta name="twitter:app:id:iphone" content="871299723"/> <meta name="twitter:app:url:iphone" content="se-zaphod://wordpress.stackexchange.com/questions/163301/versioning-import-of-parent-themes-style-css/"/> <meta name="twitter:app:name:ipad" content="Stack Exchange iOS"/> <meta name="twitter:app:id:ipad" content="871299723"/> <meta name="twitter:app:url:ipad" content="se-zaphod://wordpress.stackexchange.com/questions/163301/versioning-import-of-parent-themes-style-css/"/> <meta name="twitter:app:name:googleplay" content="Stack Exchange Android"> <meta name="twitter:app:url:googleplay" content="http://wordpress.stackexchange.com/questions/163301/versioning-import-of-parent-themes-style-css/"> <meta name="twitter:app:id:googleplay" content="com.stackexchange.marvin"> <script> StackExchange.ready(function () { StackExchange.using("postValidation", function () { StackExchange.postValidation.initOnBlurAndSubmit($('#post-form'), 2, 'answer'); }); StackExchange.question.init({showAnswerHelp:true,totalCommentCount:5,shownCommentCount:5,highlightColor:'#F4A83D',backgroundColor:'#FFF',questionId:163301}); styleCode(); StackExchange.realtime.subscribeToQuestion('110', '163301'); StackExchange.using("gps", function () { StackExchange.gps.trackOutboundClicks('#content', '.post-text', false); }); }); </script> <script> StackExchange.ready(function () { StackExchange.realtime.init('wss://qa.sockets.stackexchange.com'); StackExchange.realtime.subscribeToReputationNotifications('110'); StackExchange.realtime.subscribeToTopBarNotifications('110'); }); </script> <script> StackExchange.init({"locale":"en","stackAuthUrl":"https://web.archive.org/web/20170312234623/https://stackauth.com","networkMetaHostname":"meta.stackexchange.com","serverTime":1489362383,"routeName":"Questions/Show","site":{"name":"WordPress Development Stack Exchange","description":"Q&A for WordPress developers and administrators","isNoticesTabEnabled":true,"recaptchaPublicKey":"6LdsB7sSAAAAAAzjgEF_Hd8vXv-C42sa_KyofaGR","recaptchaAudioLang":"en","enableNewTagCreationWarning":false,"insertSpaceAfterNameTabCompletion":false,"id":110,"enableInsertDocLinkDialog":false,"enableSocialMediaInSharePopup":true,"protocol":"http"},"user":{"fkey":"b30f5c177718bcd9d946fd733673f0f2","rep":0,"isAnonymous":true,"isAnonymousNetworkWide":true,"ab":{"question_show_tweaks":{"v":"altern_unansw_cta","g":1}}},"realtime":{"newest":true,"active":true,"tagged":true,"staleDisconnectIntervalInHours":0,"workerIframeDomain":"https://web.archive.org/web/20170312234623/https://cdn.sstatic.net"},"events":{"postType":{"question":1},"postEditionSection":{"title":1,"body":2,"tags":3}},"story":{"minCompleteBodyLength":75}}, {"site":{"allowImageUploads":true,"enableUserHovercards":true,"styleCode":true,"enableImgurHttps":true,"forceHttpsImages":true},"comments":{},"userProfile":{},"tags":{},"accounts":{"currentPasswordRequiredForChangingStackIdPassword":true},"flags":{"allowRetractingFlags":true},"analytics":{"clientTimingsAbsoluteTimeout":30000,"clientTimingsDebounceTimeout":1000},"snippets":{"renderDomain":"stacksnippets.net"},"markdown":{"asteriskIntraWordEmphasis":true}}); StackExchange.using.setCacheBreakers({"js/prettify-full.en.js":"81dc3e1f4dc9","js/moderator.en.js":"62b35df25ec5","js/full-anon.en.js":"a46243092f75","js/full.en.js":"7527d2465dfb","js/wmd.en.js":"a356217fa01f","js/third-party/jquery.autocomplete.min.js":"d3b8fa7fdf74","js/third-party/jquery.autocomplete.min.en.js":"","js/mobile.en.js":"978c4e09340e","js/help.en.js":"118cb359bcc6","js/tageditor.en.js":"fae501f1255a","js/tageditornew.en.js":"37258b54fcc7","js/inline-tag-editing.en.js":"77dde44800e2","js/revisions.en.js":"2faaeaae2529","js/review.en.js":"bad7ed329ed7","js/tagsuggestions.en.js":"d1ff9b84abe5","js/post-validation.en.js":"1ce789ed507c","js/explore-qlist.en.js":"e71f14781288","js/events.en.js":"ad0cc0eec14a","js/keyboard-shortcuts.en.js":"134b2bade0f6","js/external-editor.en.js":"e574ed908cf3","js/adops.en.js":"9a6a7812a212"}); StackExchange.using("gps", function() { StackExchange.gps.init(true); }); </script> <script> StackExchange.ready(function () { $('#nav-tour').click(function () { StackExchange.using("gps", function() { StackExchange.gps.track("aboutpage.click", { aboutclick_location: "headermain" }, true); }); }); }); </script> <noscript id="noscript-css"><style type="text/css">body,.so-header{margin-top:1.9em}</style></noscript> </head> <body class="question-page new-topbar"> <script>(function () { var old = $.fn.contents; $.fn.contents = function () { try { return old.apply(this, arguments); } catch (e) { return $([]); } } })()</script> <iframe id="adzerk-user-match" width="0" height="0" frameborder="0" scrolling="no" onload="window.AUMIframeDone=true" src="https://web.archive.org/web/20170312234623if_/https://ssum-sec.casalemedia.com/usermatch?s=183712&cb=https%3A%2F%2Fengine.adzerk.net%2Fudb%2F22%2Fsync%2Fi.gif%3FpartnerId%3D1%26userId%3D" style="display: none;" marginheight="0" marginwidth="0"></iframe> <div id="notify-container"></div> <div id="custom-header"></div> <div class="topbar"> <div class="topbar-wrapper"> <div class="js-topbar-dialog-corral"> <div class="topbar-dialog siteSwitcher-dialog dno"> <div class="header"> <h3><a href="https://web.archive.org/web/20170312234623/http://wordpress.stackexchange.com/">current community</a> </h3> </div> <div class="modal-content current-site-container"> <ul class="current-site"> <li> <div class="related-links"> <a href="https://web.archive.org/web/20170312234623/http://chat.stackexchange.com/?tab=site&host=wordpress.stackexchange.com" class="js-gps-track" data-gps-track="site_switcher.click({ item_type:6 })">chat</a> </div> <a href="https://web.archive.org/web/20170312234623/http://wordpress.stackexchange.com/" class="current-site-link site-link js-gps-track" data-id="110" data-gps-track="site_switcher.click({ item_type:3 })"> <div class="site-icon favicon favicon-wordpress" title="WordPress Development"></div> WordPress Development </a> </li> <li class="related-site"> <div class="L-shaped-icon-container"> <span class="L-shaped-icon"></span> </div> <a href="https://web.archive.org/web/20170312234623/http://meta.wordpress.stackexchange.com/" class="site-link js-gps-track" data-id="112" data-gps-track="site.switch({ target_site:112, item_type:3 }),site_switcher.click({ item_type:4 })"> <div class="site-icon favicon favicon-wordpressmeta" title="WordPress Development Meta"></div> WordPress Development Meta </a> </li> </ul> </div> <div class="header" id="your-communities-header"> <h3> your communities </h3> </div> <div class="modal-content" id="your-communities-section"> <div class="call-to-login"> <a href="https://web.archive.org/web/20170312234623/https://wordpress.stackexchange.com/users/signup?ssrc=site_switcher&returnurl=http%3a%2f%2fwordpress.stackexchange.com%2fquestions%2f163301%2fversioning-import-of-parent-themes-style-css%2f" class="login-link js-gps-track" data-gps-track="site_switcher.click({ item_type:10 })">Sign up</a> or <a href="https://web.archive.org/web/20170312234623/https://wordpress.stackexchange.com/users/login?ssrc=site_switcher&returnurl=http%3a%2f%2fwordpress.stackexchange.com%2fquestions%2f163301%2fversioning-import-of-parent-themes-style-css%2f" class="login-link js-gps-track" data-gps-track="site_switcher.click({ item_type:11 })">log in</a> to customize your list. </div> </div> <div class="header"> <h3><a href="https://web.archive.org/web/20170312234623/http://stackexchange.com/sites">more stack exchange communities</a> </h3> <a href="https://web.archive.org/web/20170312234623/https://stackoverflow.blog/" class="fr">company blog</a> </div> <div class="modal-content"> <div class="child-content"></div> </div> </div> </div> <div class="network-items"> <a href="https://web.archive.org/web/20170312234623/http://stackexchange.com/" class="topbar-icon icon-site-switcher yes-hover js-site-switcher-button js-gps-track" data-gps-track="site_switcher.show" title="A list of all 166 Stack Exchange sites"> <span class="hidden-text">Stack Exchange</span> </a> <a href="#" class="topbar-icon icon-inbox yes-hover js-inbox-button" title="Recent inbox messages"> <span class="hidden-text">Inbox</span> <span class="unread-count" style="display:none"></span> </a> <a href="#" class="topbar-icon icon-achievements yes-hover js-achievements-button " data-unread-class="" title="Recent achievements: reputation, badges, and privileges earned"> <span class="hidden-text">Reputation and Badges</span> <span class="unread-count" style="display:none"> </span> </a> </div> <div class="topbar-links"> <div class="links-container"> <span class="topbar-menu-links"> <a href="https://web.archive.org/web/20170312234623/https://wordpress.stackexchange.com/users/signup?ssrc=head&returnurl=http%3a%2f%2fwordpress.stackexchange.com%2fquestions%2f163301%2fversioning-import-of-parent-themes-style-css%2f" class="login-link" rel="nofollow">sign up</a> <a href="https://web.archive.org/web/20170312234623/https://wordpress.stackexchange.com/users/login?ssrc=head&returnurl=http%3a%2f%2fwordpress.stackexchange.com%2fquestions%2f163301%2fversioning-import-of-parent-themes-style-css%2f" class="login-link" rel="nofollow">log in</a> <a href="/web/20170312234623/http://wordpress.stackexchange.com/tour">tour</a> <a href="#" class="icon-help js-help-button" title="Help Center and other resources"> help <span class="triangle"></span> </a> <div class="topbar-dialog help-dialog js-help-dialog dno"> <div class="modal-content"> <ul> <li> <a href="/web/20170312234623/http://wordpress.stackexchange.com/tour" class="js-gps-track" data-gps-track="help_popup.click({ item_type:1 })"> Tour <span class="item-summary"> Start here for a quick overview of the site </span> </a> </li> <li> <a href="/web/20170312234623/http://wordpress.stackexchange.com/help" class="js-gps-track" data-gps-track="help_popup.click({ item_type:4 })"> Help Center <span class="item-summary"> Detailed answers to any questions you might have </span> </a> </li> <li> <a href="https://web.archive.org/web/20170312234623/http://meta.wordpress.stackexchange.com/" class="js-gps-track" data-gps-track="help_popup.click({ item_type:2 })"> Meta <span class="item-summary"> Discuss the workings and policies of this site </span> </a> </li> <li> <a href="https://web.archive.org/web/20170312234623/http://stackoverflow.com/company/about" class="js-gps-track" data-gps-track="help_popup.click({ item_type:6 })"> About Us <span class="item-summary"> Learn more about Stack Overflow the company </span> </a> </li> <li> <a href="https://web.archive.org/web/20170312234623/https://www.stackoverflowbusiness.com/?ref=topbar_help" class="js-gps-track" data-gps-track="help_popup.click({ item_type:7 })"> Business <span class="item-summary"> Learn more about hiring developers or posting ads with us </span> </a> </li> </ul> </div> </div> </span> </div> <div class="search-container"> <form id="search" action="/web/20170312234623/http://wordpress.stackexchange.com/search" method="get" autocomplete="off"> <input name="q" type="text" placeholder="Search Q&A" value="" tabindex="1" autocomplete="off" maxlength="240"/> </form> </div> </div> </div> </div> <script> StackExchange.ready(function() { StackExchange.topbar.init(); }); </script> <div class="container"> <div id="header"> <br class="cbt"> <div id="hlogo"> <a href="https://web.archive.org/web/20170312234623/http://wordpress.stackexchange.com/"> WordPress Development </a> </div> <div id="hmenus"> <div class="nav mainnavs"> <ul> <li class="youarehere"> <a id="nav-questions" href="/web/20170312234623/http://wordpress.stackexchange.com/questions" class="js-gps-track" data-gps-track="top_nav.click({is_current:true, location:2, destination:1})"> Questions </a> </li> <li> <a id="nav-tags" href="/web/20170312234623/http://wordpress.stackexchange.com/tags" class="js-gps-track" data-gps-track="top_nav.click({is_current:false, location:2, destination:2})"> Tags </a> </li> <li> <a id="nav-users" href="/web/20170312234623/http://wordpress.stackexchange.com/users" class="js-gps-track" data-gps-track="top_nav.click({is_current:false, location:2, destination:3})"> Users </a> </li> <li> <a id="nav-badges" href="/web/20170312234623/http://wordpress.stackexchange.com/help/badges" class="js-gps-track" data-gps-track="top_nav.click({is_current:false, location:2, destination:4})"> Badges </a> </li> <li> <a id="nav-unanswered" href="/web/20170312234623/http://wordpress.stackexchange.com/unanswered" class="js-gps-track" data-gps-track="top_nav.click({is_current:false, location:2, destination:5})"> Unanswered </a> </li> </ul> </div> <div class="nav askquestion"> <ul> <li> <a id="nav-askquestion" href="/web/20170312234623/http://wordpress.stackexchange.com/questions/ask">Ask Question</a> </li> </ul> </div> </div> </div> <div id="content"> <div itemscope itemtype="http://schema.org/Question"> <link itemprop="image" href="https://cdn.sstatic.net/Sites/wordpress/img/apple-touch-icon.png?v=bfad0b4f9cc5"> <div id="herobox"> <div id="hero-content"> <div id="close"><a title="click to minimize">_</a></div> <div id="blurb"> WordPress Development Stack Exchange is a question and answer site for WordPress developers and administrators. Join them; it only takes a minute: <br/> <br/> <a href="/web/20170312234623/http://wordpress.stackexchange.com/users/signup?ssrc=hero&returnurl=http%3a%2f%2fwordpress.stackexchange.com%2fquestions%2f163301%2fversioning-import-of-parent-themes-style-css%2f" id="tell-me-more" class="button">Sign up</a> </div> <div id="desc"> <b>Here's how it works:</b> <ol id="hiw"> <li id="q"> Anybody can ask a question </li> <li id="an"> Anybody can answer </li> <li id="b"> The best answers are voted up and rise to the top </li> </ol> </div> <div style="clear: both"></div> </div> </div><script> StackExchange.ready(function () { var location = 0; if ($("body").hasClass("questions-page")) { location = 1;; } else if ($("body").hasClass("question-page")) { location = 1;; } else if ($("body").hasClass("faq-page")) { location = 5;; } else if ($("body").hasClass("home-page")) { location = 3;; } $('#tell-me-more').click(function () { StackExchange.using("gps", function () { StackExchange.gps.track("hero.action", { hero_action_type: 'cta', location: location }, true); }); }); $('#herobox #close').click(function () { StackExchange.using("gps", function () { StackExchange.gps.track("hero.action", { hero_action_type: "minimize", location: location }, true); }); $.cookie("hero", "mini", { path: "/", expires: 365 }); $.ajax({ url: "/hero-mini", success: function (data) { $("#herobox").fadeOut("fast", function () { $("#herobox").replaceWith(data); $("#herobox-mini").fadeIn("fast"); }); } }); return false; }); }); </script> <div id="question-header"> <h1 itemprop="name"><a href="/web/20170312234623/http://wordpress.stackexchange.com/questions/163301/versioning-import-of-parent-themes-style-css" class="question-hyperlink">Versioning @import of parent theme's style.css</a></h1> </div> <div id="mainbar"> <div class="question" data-questionid="163301" id="question"> <script> var ados = ados || {}; ados.run = ados.run || []; ados.run.push(function () { ados_add_placement(22,0,"adzerk1316973793",4).enableDynamicSiteSelection().setZone(29); }); </script> <div class="everyonelovesstackoverflow" id="adzerk1316973793"></div> <table> <tr> <td class="votecell"> <div class="vote"> <input type="hidden" name="_id_" value="163301"> <a class="vote-up-off" title="This question shows research effort; it is useful and clear">up vote</a> <span itemprop="upvoteCount" class="vote-count-post ">19</span> <a class="vote-down-off" title="This question does not show any research effort; it is unclear or not useful">down vote</a> <a class="star-off" href="#">favorite</a> <div class="favoritecount"><b>8</b></div> </div> </td> <td class="postcell"> <div> <div class="post-text" itemprop="text"> <h3>Context</h3> <p>I built a child theme based on Twenty Thirteen which works quite well. After updating the parent theme to version 1.3, I noticed strange behavior with the styling which was caused by a cached parent theme's <code>style.css</code>.</p> <p>Here is the content of my child theme's <code>style.css</code> (omitting headers)</p> <pre><code>/* =Imports styles from the parent theme -------------------------------------------------------------- */ @import url('../twentythirteen/style.css'); </code></pre> <p>So the child theme's <code>style.css</code> does nothing more than import the parent theme's <code>style.css</code>.</p> <p>I also have another css file with my child theme's customizations which I enqueue like so in <code>functions.php</code>:</p> <pre><code>// Enqueue parent theme's style.css (faster than using @import in our style.css) $themeVersion = wp_get_theme()->get('Version'); // Enqueue child theme customizations wp_enqueue_style('child_main', get_stylesheet_directory_uri() . '/css/main.css', null, $themeVersion); </code></pre> <p>This gives me a very nice css url like this: <code>domain.com/wp-content/themes/toutprettoutbon/css/main.css?ver=1.0.1</code> that makes sure the style sheet is reloaded when the child theme is updated.</p> <h3>Now the problem</h3> <p>The statement <code>@import url('../twentythirteen/style.css');</code> is completely independent of the underlying parent theme's version. In fact, the parent theme can be updated without updating the child theme but browsers will still use cached versions of the old <code>../twentythirteen/style.css</code>.</p> <p>Relevant code in Twenty Thirteen that enqueues the <code>style.css</code>:</p> <pre><code>function twentythirteen_scripts_styles() { // ... // Add Genericons font, used in the main stylesheet. wp_enqueue_style( 'genericons', get_template_directory_uri() . '/genericons/genericons.css', array(), '3.03' ); // Loads our main stylesheet. wp_enqueue_style( 'twentythirteen-style', get_stylesheet_uri(), array(), '2013-07-18' ); // Note usage of get_stylesheet_uri() which actually enqueues child-theme/style.css // Loads the Internet Explorer specific stylesheet. wp_enqueue_style( 'twentythirteen-ie', get_template_directory_uri() . '/css/ie.css', array( 'twentythirteen-style' ), '2013-07-18' ); } add_action( 'wp_enqueue_scripts', 'twentythirteen_scripts_styles' ); </code></pre> <p>I can think of a few ways to solve this problem but none are really satisfactory:</p> <ol> <li><p>Update my child theme every time the parent theme is updated to change a version string in <code>style.css</code> (e.g. <code>@import url('../twentythirteen/style.css?ver=NEW_VERSION');</code>). This creates an unnecessary and annoying link between parent theme version and child.</p></li> <li><p>In my child's <code>functions.php</code>, 1) <code>wp_dequeue_style</code> the included child theme's <code>style.css</code> and 2) <code>wp_enqueue_style</code> the <strong>parent</strong> theme's <code>style.css</code> directly WITH version string. This messes up the order of queued css in the parent theme.</p></li> <li><p>Use the <a href="https://web.archive.org/web/20170312234623/http://codex.wordpress.org/Class_Reference/WP_Styles#Filters"><code>style_loader_tag</code></a> filter to modify the generated css <code><link></code> tag for <code>style.css</code> and modify the path to point directly to the <strong>parent</strong> theme's <code>style.css</code> WITH a version string. Seems rather obscure for such a common need (cache busting).</p></li> <li><p>Dump the parent theme's <code>style.css</code> in my child theme's <code>style.css</code>. Same as (1) really, but a bit faster.</p></li> <li><p>Make my child theme's <code>style.css</code> be a symlink to the parent theme's <code>style.css</code>. This seems quite hackish...</p></li> </ol> <p>Have I missed something? Any suggestions?</p> <h3>edit</h3> <p>Added <code>genericicons.css</code> and <code>ie.css</code> style sheets in parent theme to clarify why I can't change the <code>@import</code> css statement to <code>wp_enqueue_style</code> in my child theme. Currently, with an <code>@import</code> statement in my child theme's <code>style.css</code>, I have this order in generated pages:</p> <ol> <li>twentythirteen/genericons/genericons.css -> enqueued by parent theme</li> <li>child-theme/style.css -> enqueued by parent theme, @imports twentythirteen/style.css</li> <li>twentythirteen/css/ie.css -> enqueued by parent theme</li> <li>child-theme/css/main.css -> enqueued by child theme</li> </ol> <p>If I enqueue the parent's <code>style.css</code> as a dependency of <code>main.css</code>, this will become:</p> <ol> <li>twentythirteen/genericons/genericons.css -> enqueued by parent theme</li> <li>child-theme/style.css -> empty, enqueued by parent theme</li> <li>twentythirteen/css/ie.css -> enqueued by parent theme</li> <li>twentythirteen/style.css -> enqueued by child theme as dependency of main.css</li> <li>child-theme/css/main.css -> enqueued by child theme</li> </ol> <p>Note that ie.css is now included before the parent theme's <code>style.css</code>. I do not want to change the enqueuing order of the parent theme's css files because I cannot presume that this won't cause problems with the priority of css rules.</p> </div> <div class="post-taglist"> <a href="/web/20170312234623/http://wordpress.stackexchange.com/questions/tagged/css" class="post-tag" title="show questions tagged 'css'" rel="tag">css</a> <a href="/web/20170312234623/http://wordpress.stackexchange.com/questions/tagged/child-theme" class="post-tag" title="show questions tagged 'child-theme'" rel="tag">child-theme</a> <a href="/web/20170312234623/http://wordpress.stackexchange.com/questions/tagged/cache" class="post-tag" title="show questions tagged 'cache'" rel="tag">cache</a> <a href="/web/20170312234623/http://wordpress.stackexchange.com/questions/tagged/stylesheet" class="post-tag" title="show questions tagged 'stylesheet'" rel="tag">stylesheet</a> <a href="/web/20170312234623/http://wordpress.stackexchange.com/questions/tagged/parent-theme" class="post-tag" title="show questions tagged 'parent-theme'" rel="tag">parent-theme</a> </div> <table class="fw"> <tr> <td class="vt"> <div class="post-menu"><a href="/web/20170312234623/http://wordpress.stackexchange.com/q/163301" title="short permalink to this question" class="short-link" id="link-post-163301">share</a><span class="lsep">|</span><a href="/web/20170312234623/http://wordpress.stackexchange.com/posts/163301/edit" class="suggest-edit-post" title="">improve this question</a></div> </td> <td align="right" class="post-signature"> <div class="user-info "> <div class="user-action-time"> <a href="/web/20170312234623/http://wordpress.stackexchange.com/posts/163301/revisions" title="show all edits to this post">edited <span title="2014-10-06 18:23:24Z" class="relativetime">Oct 6 '14 at 18:23</span></a> </div> <div class="user-gravatar32"> </div> <div class="user-details"> <div class="-flair"> </div> </div> </div> </td> <td class="post-signature owner"> <div class="user-info "> <div class="user-action-time"> asked <span title="2014-10-03 00:50:31Z" class="relativetime">Oct 3 '14 at 0:50</span> </div> <div class="user-gravatar32"> <a href="/web/20170312234623/http://wordpress.stackexchange.com/users/60581/bernie"><div class="gravatar-wrapper-32"><img src="https://web.archive.org/web/20170312234623im_/https://i.stack.imgur.com/goMfp.jpg?s=32&g=1" alt="" width="32" height="32"></div></a> </div> <div class="user-details"> <a href="/web/20170312234623/http://wordpress.stackexchange.com/users/60581/bernie">bernie</a> <div class="-flair"> <span class="reputation-score" title="reputation score " dir="ltr">266</span><span title="1 gold badge"><span class="badge1"></span><span class="badgecount">1</span></span><span title="3 silver badges"><span class="badge2"></span><span class="badgecount">3</span></span><span title="9 bronze badges"><span class="badge3"></span><span class="badgecount">9</span></span> </div> </div> </div> </td> </tr> </table> </div> </td> </tr> <tr> <td class="votecell"></td> <td> <div id="comments-163301" class="comments "> <table> <tbody data-remaining-comments-count="0" data-canpost="false" data-cansee="true" data-comments-unavailable="false" data-addlink-disabled="true"> <tr id="comment-236345" class="comment "> <td class="comment-actions"> <table> <tbody> <tr> <td class=" comment-score"> <span title="number of 'useful comment' votes received" class="cool">3</span> </td> <td>   </td> </tr> </tbody> </table> </td> <td class="comment-text"> <div style="display: block;" class="comment-body"> <span class="comment-copy">Never use <code>@import</code>, set the parent theme’s stylesheet as a <a href="https://web.archive.org/web/20170312234623/http://wordpress.stackexchange.com/questions/96161/how-to-enqueue-style-before-style-css/96163#96163">dependency of your own stylesheet</a> instead.</span> – <a href="/web/20170312234623/http://wordpress.stackexchange.com/users/73/toscho" title="82,750 reputation" class="comment-user">toscho<span class="mod-flair" title="moderator">♦</span></a> <span class="comment-date" dir="ltr"><span title="2014-10-03 01:03:52Z" class="relativetime-clean">Oct 3 '14 at 1:03</span></span> </div> </td> </tr> <tr id="comment-236346" class="comment "> <td> <table> <tbody> <tr> <td class=" comment-score">    </td> <td>   </td> </tr> </tbody> </table> </td> <td class="comment-text"> <div style="display: block;" class="comment-body"> <span class="comment-copy">I know it's not the best approach but it's recommended here: <a href="https://web.archive.org/web/20170312234623/http://codex.wordpress.org/Child_Themes" rel="nofollow noreferrer">codex.wordpress.org/Child_Themes</a></span> – <a href="/web/20170312234623/http://wordpress.stackexchange.com/users/60581/bernie" title="266 reputation" class="comment-user owner">bernie</a> <span class="comment-date" dir="ltr"><span title="2014-10-03 01:09:44Z" class="relativetime-clean">Oct 3 '14 at 1:09</span></span> </div> </td> </tr> <tr id="comment-236347" class="comment "> <td> <table> <tbody> <tr> <td class=" comment-score">    </td> <td>   </td> </tr> </tbody> </table> </td> <td class="comment-text"> <div style="display: block;" class="comment-body"> <span class="comment-copy">Also, doing what you suggested does not fix my issue. The parent theme's <code>style.css</code> would not be included at the same place as it is now. The parent includes other css files which must come between its <code>style.css</code> and my child theme's css.</span> – <a href="/web/20170312234623/http://wordpress.stackexchange.com/users/60581/bernie" title="266 reputation" class="comment-user owner">bernie</a> <span class="comment-date" dir="ltr"><span title="2014-10-03 01:10:54Z" class="relativetime-clean">Oct 3 '14 at 1:10</span></span> </div> </td> </tr> <tr id="comment-236348" class="comment "> <td class="comment-actions"> <table> <tbody> <tr> <td class=" comment-score"> <span title="number of 'useful comment' votes received" class="cool">2</span> </td> <td>   </td> </tr> </tbody> </table> </td> <td class="comment-text"> <div style="display: block;" class="comment-body"> <span class="comment-copy">Please ignore the codex completely. It is full of misinformation. Using the dependency parameter will include the stylesheets in the correct order.</span> – <a href="/web/20170312234623/http://wordpress.stackexchange.com/users/73/toscho" title="82,750 reputation" class="comment-user">toscho<span class="mod-flair" title="moderator">♦</span></a> <span class="comment-date" dir="ltr"><span title="2014-10-03 01:11:47Z" class="relativetime-clean">Oct 3 '14 at 1:11</span></span> </div> </td> </tr> <tr id="comment-236464" class="comment "> <td> <table> <tbody> <tr> <td class=" comment-score">    </td> <td>   </td> </tr> </tbody> </table> </td> <td class="comment-text"> <div style="display: block;" class="comment-body"> <span class="comment-copy">Please see my edit.</span> – <a href="/web/20170312234623/http://wordpress.stackexchange.com/users/60581/bernie" title="266 reputation" class="comment-user owner">bernie</a> <span class="comment-date" dir="ltr"><span title="2014-10-03 16:53:33Z" class="relativetime-clean">Oct 3 '14 at 16:53</span></span> </div> </td> </tr> </tbody> </table> </div> <div id="comments-link-163301" data-rep="50" data-anon="true"> <a class="js-add-link comments-link disabled-link " title="Use comments to ask for more information or suggest improvements. Avoid answering questions in comments.">add a comment</a><span class="js-link-separator dno"> | </span> <a class="js-show-link comments-link dno" title="expand to show all comments on this post" href="#" onclick=""></a> </div> </td> </tr> </table> </div> <div id="answers"> <a name="tab-top"></a> <div id="answers-header"> <div class="subheader answers-subheader"> <h2> 3 Answers <span style="display:none;" itemprop="answerCount">3</span> </h2> <div> <div id="tabs"> <a href="/web/20170312234623/http://wordpress.stackexchange.com/questions/163301/versioning-import-of-parent-themes-style-css?answertab=active#tab-top" data-nav-xhref="" title="Answers with the latest activity first" data-value="active" data-shortcut="A"> active</a> <a href="/web/20170312234623/http://wordpress.stackexchange.com/questions/163301/versioning-import-of-parent-themes-style-css?answertab=oldest#tab-top" data-nav-xhref="" title="Answers in the order they were provided" data-value="oldest" data-shortcut="O"> oldest</a> <a class="youarehere" href="/web/20170312234623/http://wordpress.stackexchange.com/questions/163301/versioning-import-of-parent-themes-style-css?answertab=votes#tab-top" data-nav-xhref="" title="Answers with the highest score first" data-value="votes" data-shortcut="V"> votes</a> </div> </div> </div> </div> <a name="163366"></a> <div id="answer-163366" class="answer" data-answerid="163366" itemscope itemtype="http://schema.org/Answer"> <table> <tr> <td class="votecell"> <div class="vote"> <input type="hidden" name="_id_" value="163366"> <a class="vote-up-off" title="This answer is useful">up vote</a> <span itemprop="upvoteCount" class="vote-count-post ">15</span> <a class="vote-down-off" title="This answer is not useful">down vote</a> </div> </td> <td class="answercell"> <div class="post-text" itemprop="text"> <p>You don't have to use @import. It's best not to, actually. Using an enqueued approach is probably better all around.</p> <p>Here's the relevant part of twentythirteen's code:</p> <pre><code>function twentythirteen_scripts_styles() { ... // Loads our main stylesheet. wp_enqueue_style( 'twentythirteen-style', get_stylesheet_uri(), array(), '2013-07-18' ); ... } add_action( 'wp_enqueue_scripts', 'twentythirteen_scripts_styles' ); </code></pre> <p>Here's what you do in your code:</p> <pre><code>function child_scripts_styles() { wp_enqueue_style( 'child-style', get_stylesheet_directory_uri().'/css/main.css', array('twentythirteen-style'), 'YOUR_THEME_VERSION' ); } add_action( 'wp_enqueue_scripts', 'child_scripts_styles' ); </code></pre> <p>If your main.css has to come after the parent's style.css, then you just make it dependent on that. </p> <p>Now, if you also have a B.css in the child, then you set up the dependencies accordingly:</p> <pre><code>function child_scripts_styles() { wp_enqueue_style( 'child-B-style', get_stylesheet_directory_uri().'/B.css', array('twentythirteen-style'), 'YOUR_THEME_VERSION' ); wp_enqueue_style( 'child-style', get_stylesheet_directory_uri().'/css/main.css', array('child-B-style'), 'YOUR_THEME_VERSION' ); } add_action( 'wp_enqueue_scripts', 'child_scripts_styles' ); </code></pre> <p>Make the dependencies that you define for each item actually reflective of what those dependencies really are. If main.css must come after B.css, then it depends on it. If B.css must come after the parent's style.css, then B depends on that. The enqueue system will sort it out for you.</p> <p>And if you're not actually using the child's style.css for anything, then <em>you don't have to enqueue it at all</em>. It can be just a placeholder to hold your theme's header information. Not using it? Don't load it.</p> <p>Also, what exactly are you doing that is so dependent on ordering here? CSS doesn't care about load order in most situations. CSS is more dependent on specificity of the selectors. If you want to override something, you make your selector for it more specific. It can come first, or last, or anything in between, the more specific selector always wins.</p> <p><strong>Edit</strong></p> <p>Reading your comments and looking closer at the code, I see where the mistake is here. The twenty-thirteen code is enqueueing the "get_stylesheet_uri()", which in a child theme case, would be your child theme's style.css file, not the parent's file. That's why the @import works, and keeps the same ordering (which again, does not matter nearly as much as you think it does).</p> <p>In that case, if you don't want to use import, I would recommend enqueueing the parent's style.css directly. Like so:</p> <pre><code>function child_scripts_styles() { wp_enqueue_style( 'parent-style', get_template_directory_uri().'/style.css', array() ); } add_action( 'wp_enqueue_scripts', 'child_scripts_styles' ); </code></pre> <p>Code in the child theme's functions.php runs first, so your own wp_enqueue_scripts will run first, and this will enqueue the parent theme's style.css, which the parent theme is not doing itself (because it's actually enqueueing your child's style.css). By not making it depend on anything, same as the parent, then it simply gets put in the output correctly. Note that the order of this file and the genericons.css does not matter, because the original "twentythirteen-style" does not have the genericons.css as a listed dependency.</p> <p>Your own child's style.css will load, and honestly, this is where you should put your changes for the child theme, not into a separate main.css. There's nothing preventing you from putting your changes there, but there's no real reason to have an extra css file.</p> </div> <table class="fw"> <tr> <td class="vt"> <div class="post-menu"><a href="/web/20170312234623/http://wordpress.stackexchange.com/a/163366" title="short permalink to this answer" class="short-link" id="link-post-163366">share</a><span class="lsep">|</span><a href="/web/20170312234623/http://wordpress.stackexchange.com/posts/163366/edit" class="suggest-edit-post" title="">improve this answer</a></div> </td> <td align="right" class="post-signature"> <div class="user-info "> <div class="user-action-time"> <a href="/web/20170312234623/http://wordpress.stackexchange.com/posts/163366/revisions" title="show all edits to this post">edited <span title="2014-10-03 20:29:33Z" class="relativetime">Oct 3 '14 at 20:29</span></a> </div> <div class="user-gravatar32"> </div> <div class="user-details"> <div class="-flair"> </div> </div> </div> </td> <td align="right" class="post-signature"> <div class="user-info user-hover"> <div class="user-action-time"> answered <span title="2014-10-03 17:25:45Z" class="relativetime">Oct 3 '14 at 17:25</span> </div> <div class="user-gravatar32"> <a href="/web/20170312234623/http://wordpress.stackexchange.com/users/2232/otto"><div class="gravatar-wrapper-32"><img src="https://web.archive.org/web/20170312234623im_/https://www.gravatar.com/avatar/0994d5e2e158a24ba8017c2525d78263?s=32&d=identicon&r=PG" alt="" width="32" height="32"></div></a> </div> <div class="user-details"> <a href="/web/20170312234623/http://wordpress.stackexchange.com/users/2232/otto">Otto</a> <div class="-flair"> <span class="reputation-score" title="reputation score 25,917" dir="ltr">25.9k</span><span title="30 silver badges"><span class="badge2"></span><span class="badgecount">30</span></span><span title="76 bronze badges"><span class="badge3"></span><span class="badgecount">76</span></span> </div> </div> </div> </td> </tr> </table> </td> </tr> <tr> <td class="votecell"></td> <td> <div id="comments-163366" class="comments "> <table> <tbody data-remaining-comments-count="3" data-canpost="false" data-cansee="true" data-comments-unavailable="false" data-addlink-disabled="true"> <tr id="comment-236475" class="comment "> <td> <table> <tbody> <tr> <td class=" comment-score">    </td> <td>   </td> </tr> </tbody> </table> </td> <td class="comment-text"> <div style="display: block;" class="comment-body"> <span class="comment-copy">I totally agree that <code>@import</code>s are not the best way to go. Please see my "edit" section for more precise information. I don't have any particular needs regarding ordering of css. I simply don't want to modify the internal ordering of the parent theme's css files which can cause problems with css rules priority.</span> – <a href="/web/20170312234623/http://wordpress.stackexchange.com/users/60581/bernie" title="266 reputation" class="comment-user owner">bernie</a> <span class="comment-date" dir="ltr"><span title="2014-10-03 19:13:45Z" class="relativetime-clean">Oct 3 '14 at 19:13</span></span> </div> </td> </tr> <tr id="comment-236480" class="comment "> <td> <table> <tbody> <tr> <td class=" comment-score">    </td> <td>   </td> </tr> </tbody> </table> </td> <td class="comment-text"> <div style="display: block;" class="comment-body"> <span class="comment-copy">To clarify, B.css (now changed to ie.css in question) is not part of my child theme, but actually part of the parent theme.</span> – <a href="/web/20170312234623/http://wordpress.stackexchange.com/users/60581/bernie" title="266 reputation" class="comment-user owner">bernie</a> <span class="comment-date" dir="ltr"><span title="2014-10-03 19:26:46Z" class="relativetime-clean">Oct 3 '14 at 19:26</span></span> </div> </td> </tr> <tr id="comment-236484" class="comment "> <td class="comment-actions"> <table> <tbody> <tr> <td class=" comment-score"> <span title="number of 'useful comment' votes received" class="cool">2</span> </td> <td>   </td> </tr> </tbody> </table> </td> <td class="comment-text"> <div style="display: block;" class="comment-body"> <span class="comment-copy">If you want your style to come after the ie.css style, then make your own style depend on it. Its name is "twentythirteen-ie". The order is entirely managed by what dependencies you declare, but again, with CSS, the actual order of them in the document doesn't usually matter, so I'm not sure why you'd care about it overly much.</span> – <a href="/web/20170312234623/http://wordpress.stackexchange.com/users/2232/otto" title="25,917 reputation" class="comment-user">Otto</a> <span class="comment-date" dir="ltr"><span title="2014-10-03 20:12:02Z" class="relativetime-clean">Oct 3 '14 at 20:12</span></span> <span class="edited-yes" title="this comment was edited 4 times"></span> </div> </td> </tr> <tr id="comment-236485" class="comment "> <td class="comment-actions"> <table> <tbody> <tr> <td class=" comment-score"> <span title="number of 'useful comment' votes received" class="cool">2</span> </td> <td>   </td> </tr> </tbody> </table> </td> <td class="comment-text"> <div style="display: block;" class="comment-body"> <span class="comment-copy">Edited my answer to include a different approach.</span> – <a href="/web/20170312234623/http://wordpress.stackexchange.com/users/2232/otto" title="25,917 reputation" class="comment-user">Otto</a> <span class="comment-date" dir="ltr"><span title="2014-10-03 20:29:48Z" class="relativetime-clean">Oct 3 '14 at 20:29</span></span> </div> </td> </tr> <tr id="comment-236536" class="comment "> <td> <table> <tbody> <tr> <td class=" comment-score">    </td> <td>   </td> </tr> </tbody> </table> </td> <td class="comment-text"> <div style="display: block;" class="comment-body"> <span class="comment-copy">Yeah I guess I got carried away with the "need" to keep the css ordering. If the order was really important for the parent theme, it should be stated in the dependencies.</span> – <a href="/web/20170312234623/http://wordpress.stackexchange.com/users/60581/bernie" title="266 reputation" class="comment-user owner">bernie</a> <span class="comment-date" dir="ltr"><span title="2014-10-04 14:20:16Z" class="relativetime-clean">Oct 4 '14 at 14:20</span></span> </div> </td> </tr> </tbody> </table> </div> <div id="comments-link-163366" data-rep="50" data-anon="true"> <a class="js-add-link comments-link dno" title="Use comments to ask for more information or suggest improvements. Avoid comments like “+1” or “thanks”."></a><span class="js-link-separator dno"> | </span> <a class="js-show-link comments-link " title="expand to show all comments on this post" href="#" onclick="">show <b>3</b> more comments</a> </div> </td> </tr> </table> </div> <script> var ados = ados || {}; ados.run = ados.run || []; ados.run.push(function () { ados_add_placement(22,0,"adzerk938698442",4).enableDynamicSiteSelection().setZone(30); }); </script> <div class="everyonelovesstackoverflow" id="adzerk938698442"></div> <a name="182023"></a> <div id="answer-182023" class="answer accepted-answer" data-answerid="182023" itemscope itemtype="http://schema.org/Answer" itemprop="acceptedAnswer"> <table> <tr> <td class="votecell"> <div class="vote"> <input type="hidden" name="_id_" value="182023"> <a class="vote-up-off" title="This answer is useful">up vote</a> <span itemprop="upvoteCount" class="vote-count-post ">5</span> <a class="vote-down-off" title="This answer is not useful">down vote</a> <span class="vote-accepted-on load-accepted-answer-date" title="loading when this answer was accepted...">accepted</span> </div> </td> <td class="answercell"> <div class="post-text" itemprop="text"> <p>My <a href="https://web.archive.org/web/20170312234623/http://wordpress.stackexchange.com/a/163624/60581">previous answer</a> is overly complicated and potentially doesn't respect the parent theme's dependency chain (see note in other answer).</p> <p>Here's another much simpler take that should work much better:</p> <pre><code>function use_parent_theme_stylesheet() { // Use the parent theme's stylesheet return get_template_directory_uri() . '/style.css'; } function my_theme_styles() { $themeVersion = wp_get_theme()->get('Version'); // Enqueue our style.css with our own version wp_enqueue_style('child-theme-style', get_stylesheet_directory_uri() . '/style.css', array(), $themeVersion); } // Filter get_stylesheet_uri() to return the parent theme's stylesheet add_filter('stylesheet_uri', 'use_parent_theme_stylesheet'); // Enqueue this theme's scripts and styles (after parent theme) add_action('wp_enqueue_scripts', 'my_theme_styles', 20); </code></pre> <p>The idea is to simply filter the call to <code>get_stylesheet_uri()</code> in the parent theme to return it's own stylesheet instead of the child theme's. The child theme's stylesheet is then enqueued later in the action hook <code>my_theme_styles</code>.</p> </div> <table class="fw"> <tr> <td class="vt"> <div class="post-menu"><a href="/web/20170312234623/http://wordpress.stackexchange.com/a/182023" title="short permalink to this answer" class="short-link" id="link-post-182023">share</a><span class="lsep">|</span><a href="/web/20170312234623/http://wordpress.stackexchange.com/posts/182023/edit" class="suggest-edit-post" title="">improve this answer</a></div> </td> <td align="right" class="post-signature owner"> <div class="user-info "> <div class="user-action-time"> answered <span title="2015-03-23 17:13:13Z" class="relativetime">Mar 23 '15 at 17:13</span> </div> <div class="user-gravatar32"> <a href="/web/20170312234623/http://wordpress.stackexchange.com/users/60581/bernie"><div class="gravatar-wrapper-32"><img src="https://web.archive.org/web/20170312234623im_/https://i.stack.imgur.com/goMfp.jpg?s=32&g=1" alt="" width="32" height="32"></div></a> </div> <div class="user-details"> <a href="/web/20170312234623/http://wordpress.stackexchange.com/users/60581/bernie">bernie</a> <div class="-flair"> <span class="reputation-score" title="reputation score " dir="ltr">266</span><span title="1 gold badge"><span class="badge1"></span><span class="badgecount">1</span></span><span title="3 silver badges"><span class="badge2"></span><span class="badgecount">3</span></span><span title="9 bronze badges"><span class="badge3"></span><span class="badgecount">9</span></span> </div> </div> </div> </td> </tr> </table> </td> </tr> <tr> <td class="votecell"></td> <td> <div id="comments-182023" class="comments dno"> <table> <tbody data-remaining-comments-count="0" data-canpost="false" data-cansee="true" data-comments-unavailable="false" data-addlink-disabled="true"> <tr><td></td><td></td></tr> </tbody> </table> </div> <div id="comments-link-182023" data-rep="50" data-anon="true"> <a class="js-add-link comments-link disabled-link " title="Use comments to ask for more information or suggest improvements. Avoid comments like “+1” or “thanks”.">add a comment</a><span class="js-link-separator dno"> | </span> <a class="js-show-link comments-link dno" title="expand to show all comments on this post" href="#" onclick=""></a> </div> </td> </tr> </table> </div> <a name="163624"></a> <div id="answer-163624" class="answer" data-answerid="163624" itemscope itemtype="http://schema.org/Answer"> <table> <tr> <td class="votecell"> <div class="vote"> <input type="hidden" name="_id_" value="163624"> <a class="vote-up-off" title="This answer is useful">up vote</a> <span itemprop="upvoteCount" class="vote-count-post ">2</span> <a class="vote-down-off" title="This answer is not useful">down vote</a> </div> </td> <td class="answercell"> <div class="post-text" itemprop="text"> <h3>warning</h3> <p>This solution doesn't <a href="https://web.archive.org/web/20170312234623/http://mor10.com/challenges-new-method-inheriting-parent-styles-wordpress-child-themes/" rel="nofollow">respect the parent theme's dependencies</a>! Changing the parent theme's handle name affects the chain of dependencies set in the parent theme. See my much simpler <a href="https://web.archive.org/web/20170312234623/http://wordpress.stackexchange.com/a/182023/60581">other answer</a>.</p> <h3>orignal answer</h3> <p>Although Otto's answer is pretty good, I ended up with this in my child theme's functions.php</p> <pre><code>function my_theme_styles() { global $wp_styles; $parentOriginalHandle = 'twentythirteen-style'; $parentNewHandle = 'parent-style'; // Deregister our style.css which was enqueued by the parent theme; we want // to control the versioning ourself. $parentStyleVersion = $wp_styles->registered[$parentOriginalHandle]->ver; $parentDeps = $wp_styles->registered[$parentOriginalHandle]->deps; wp_deregister_style($parentOriginalHandle); // Enqueue the parent theme's style.css with whatever version it used instead // of @import-ing it in the child theme's style.css wp_register_style($parentNewHandle, get_template_directory_uri() . '/style.css', $parentDeps, $parentStyleVersion); // Enqueue our style.css with our own version $themeVersion = wp_get_theme()->get('Version'); wp_enqueue_style($parentOriginalHandle, get_stylesheet_directory_uri() . '/style.css', [$parentNewHandle], $themeVersion); } // Run this action action the parent theme has enqueued its styles. add_action('wp_enqueue_scripts', 'my_theme_styles', 20); </code></pre> <p>It maintains the parent theme's <code>style.css</code> ordering and version numbers while controlling the version of the child theme's <code>style.css</code>.</p> </div> <table class="fw"> <tr> <td class="vt"> <div class="post-menu"><a href="/web/20170312234623/http://wordpress.stackexchange.com/a/163624" title="short permalink to this answer" class="short-link" id="link-post-163624">share</a><span class="lsep">|</span><a href="/web/20170312234623/http://wordpress.stackexchange.com/posts/163624/edit" class="suggest-edit-post" title="">improve this answer</a></div> </td> <td align="right" class="post-signature"> <div class="user-info "> <div class="user-action-time"> <a href="/web/20170312234623/http://wordpress.stackexchange.com/posts/163624/revisions" title="show all edits to this post">edited <span title="2015-03-23 17:18:43Z" class="relativetime">Mar 23 '15 at 17:18</span></a> </div> <div class="user-gravatar32"> </div> <div class="user-details"> <div class="-flair"> </div> </div> </div> </td> <td align="right" class="post-signature owner"> <div class="user-info "> <div class="user-action-time"> answered <span title="2014-10-06 18:25:47Z" class="relativetime">Oct 6 '14 at 18:25</span> </div> <div class="user-gravatar32"> <a href="/web/20170312234623/http://wordpress.stackexchange.com/users/60581/bernie"><div class="gravatar-wrapper-32"><img src="https://web.archive.org/web/20170312234623im_/https://i.stack.imgur.com/goMfp.jpg?s=32&g=1" alt="" width="32" height="32"></div></a> </div> <div class="user-details"> <a href="/web/20170312234623/http://wordpress.stackexchange.com/users/60581/bernie">bernie</a> <div class="-flair"> <span class="reputation-score" title="reputation score " dir="ltr">266</span><span title="1 gold badge"><span class="badge1"></span><span class="badgecount">1</span></span><span title="3 silver badges"><span class="badge2"></span><span class="badgecount">3</span></span><span title="9 bronze badges"><span class="badge3"></span><span class="badgecount">9</span></span> </div> </div> </div> </td> </tr> </table> </td> </tr> <tr> <td class="votecell"></td> <td> <div id="comments-163624" class="comments "> <table> <tbody data-remaining-comments-count="0" data-canpost="false" data-cansee="true" data-comments-unavailable="false" data-addlink-disabled="true"> <tr id="comment-256261" class="comment "> <td class="comment-actions"> <table> <tbody> <tr> <td class=" comment-score"> <span title="number of 'useful comment' votes received" class="cool">3</span> </td> <td>   </td> </tr> </tbody> </table> </td> <td class="comment-text"> <div style="display: block;" class="comment-body"> <span class="comment-copy">It boggles my mind that the most popular blog software requires 20+ lines of code just to tweak the CSS of an existing theme. I guess that's job security.</span> – <a href="/web/20170312234623/http://wordpress.stackexchange.com/users/66568/carl-g" title="101 reputation" class="comment-user">Carl G</a> <span class="comment-date" dir="ltr"><span title="2015-01-25 21:45:39Z" class="relativetime-clean">Jan 25 '15 at 21:45</span></span> </div> </td> </tr> <tr id="comment-256267" class="comment "> <td> <table> <tbody> <tr> <td class=" comment-score">    </td> <td>   </td> </tr> </tbody> </table> </td> <td class="comment-text"> <div style="display: block;" class="comment-body"> <span class="comment-copy">I had to change <code>[$parentNewHandle]</code> to <code>array($parentNewHandle)</code></span> – <a href="/web/20170312234623/http://wordpress.stackexchange.com/users/66568/carl-g" title="101 reputation" class="comment-user">Carl G</a> <span class="comment-date" dir="ltr"><span title="2015-01-25 22:24:18Z" class="relativetime-clean">Jan 25 '15 at 22:24</span></span> </div> </td> </tr> <tr id="comment-256284" class="comment "> <td> <table> <tbody> <tr> <td class=" comment-score">    </td> <td>   </td> </tr> </tbody> </table> </td> <td class="comment-text"> <div style="display: block;" class="comment-body"> <span class="comment-copy">@CarlG : the array syntax I used (brackets) was introduced in PHP 5.4.</span> – <a href="/web/20170312234623/http://wordpress.stackexchange.com/users/60581/bernie" title="266 reputation" class="comment-user owner">bernie</a> <span class="comment-date" dir="ltr"><span title="2015-01-26 04:47:14Z" class="relativetime-clean">Jan 26 '15 at 4:47</span></span> </div> </td> </tr> <tr id="comment-256398" class="comment "> <td> <table> <tbody> <tr> <td class=" comment-score">    </td> <td>   </td> </tr> </tbody> </table> </td> <td class="comment-text"> <div style="display: block;" class="comment-body"> <span class="comment-copy">Gotcha. Thanks!</span> – <a href="/web/20170312234623/http://wordpress.stackexchange.com/users/66568/carl-g" title="101 reputation" class="comment-user">Carl G</a> <span class="comment-date" dir="ltr"><span title="2015-01-26 16:47:48Z" class="relativetime-clean">Jan 26 '15 at 16:47</span></span> </div> </td> </tr> <tr id="comment-265920" class="comment "> <td> <table> <tbody> <tr> <td class=" comment-score">    </td> <td>   </td> </tr> </tbody> </table> </td> <td class="comment-text"> <div style="display: block;" class="comment-body"> <span class="comment-copy">To upvoters: please see my other answer which solves problems with this one.</span> – <a href="/web/20170312234623/http://wordpress.stackexchange.com/users/60581/bernie" title="266 reputation" class="comment-user owner">bernie</a> <span class="comment-date" dir="ltr"><span title="2015-03-23 17:21:06Z" class="relativetime-clean">Mar 23 '15 at 17:21</span></span> </div> </td> </tr> </tbody> </table> </div> <div id="comments-link-163624" data-rep="50" data-anon="true"> <a class="js-add-link comments-link disabled-link " title="Use comments to ask for more information or suggest improvements. Avoid comments like “+1” or “thanks”.">add a comment</a><span class="js-link-separator dno"> | </span> <a class="js-show-link comments-link dno" title="expand to show all comments on this post" href="#" onclick=""></a> </div> </td> </tr> </table> </div> <div class="question-status"> <h2> <b>protected</b> by <a href="/web/20170312234623/http://wordpress.stackexchange.com/users/-1/community">Community</a><span class="mod-flair" title="moderator">♦</span> <span dir="ltr"><span title="2015-02-24 19:15:52Z" class="relativetime">Feb 24 '15 at 19:15</span></span> </h2> <p> Thank you for your interest in this question. Because it has attracted low-quality or spam answers that had to be removed, posting an answer now requires 10 <a href="/web/20170312234623/http://wordpress.stackexchange.com/help/whats-reputation">reputation</a> on this site (the <a href="/web/20170312234623/http://wordpress.stackexchange.com/help/privileges/new-user">association bonus does not count</a>). <br/><br/> Would you like to answer one of these <a href="/web/20170312234623/http://wordpress.stackexchange.com/unanswered?fromProtectedNotice=true">unanswered questions</a> instead? </p> </div> <h2 class="bottom-notice" data-loc="1"> Not the answer you're looking for? Browse other questions tagged <a href="/web/20170312234623/http://wordpress.stackexchange.com/questions/tagged/css" class="post-tag" title="show questions tagged 'css'" rel="tag">css</a> <a href="/web/20170312234623/http://wordpress.stackexchange.com/questions/tagged/child-theme" class="post-tag" title="show questions tagged 'child-theme'" rel="tag">child-theme</a> <a href="/web/20170312234623/http://wordpress.stackexchange.com/questions/tagged/cache" class="post-tag" title="show questions tagged 'cache'" rel="tag">cache</a> <a href="/web/20170312234623/http://wordpress.stackexchange.com/questions/tagged/stylesheet" class="post-tag" title="show questions tagged 'stylesheet'" rel="tag">stylesheet</a> <a href="/web/20170312234623/http://wordpress.stackexchange.com/questions/tagged/parent-theme" class="post-tag" title="show questions tagged 'parent-theme'" rel="tag">parent-theme</a> or <a href="/web/20170312234623/http://wordpress.stackexchange.com/questions/ask">ask your own question</a>. </h2> </div> </div> <div id="sidebar" class="show-votes"> <div class="module question-stats"> <table id="qinfo"> <tr> <td> <p class="label-key">asked</p> </td> <td style="padding-left: 10px"> <p class="label-key" title="2014-10-03 00:50:31Z"><b>2 years ago</b></p> </td> </tr> <tr> <td> <p class="label-key">viewed</p> </td> <td style="padding-left: 10px"> <p class="label-key"> <b>72018 times</b> </p> </td> </tr> <tr> <td> <p class="label-key">active</p> </td> <td style="padding-left: 10px"> <p class="label-key"><b><a href="?lastactivity" class="lastactivity-link" title="2015-03-23 17:18:43Z">1 year ago</a></b></p> </td> </tr> </table> </div> <script> var ados = ados || {}; ados.run = ados.run || []; ados.run.push(function () { ados_add_placement(22,0,"adzerk1101011465",[5,17]).enableDynamicSiteSelection().setZone(56016); }); </script> <div class="everyonelovesstackoverflow" id="adzerk1101011465"></div> <div class="module sidebar-linked"> <h4 id="h-linked">Linked</h4> <div class="linked" data-tracker="lq=1"> <div class="spacer"> <a href="/web/20170312234623/http://wordpress.stackexchange.com/q/96161" title="Vote score (upvotes - downvotes)"> <div class="answer-votes answered-accepted default">9</div> </a> <a href="/web/20170312234623/http://wordpress.stackexchange.com/questions/96161/how-to-enqueue-style-before-style-css?noredirect=1" class="question-hyperlink">How to enqueue style before style.css</a> </div> <div class="spacer"> <a href="/web/20170312234623/http://wordpress.stackexchange.com/q/164059" title="Vote score (upvotes - downvotes)"> <div class="answer-votes default">2</div> </a> <a href="/web/20170312234623/http://wordpress.stackexchange.com/questions/164059/child-theme-does-not-overwrite-parent-themes-style-css?noredirect=1" class="question-hyperlink">Child theme does not overwrite parent themes style.css</a> </div> <div class="spacer"> <a href="/web/20170312234623/http://wordpress.stackexchange.com/q/213453" title="Vote score (upvotes - downvotes)"> <div class="answer-votes answered-accepted default">2</div> </a> <a href="/web/20170312234623/http://wordpress.stackexchange.com/questions/213453/how-to-cache-bust-a-child-theme-style-css?noredirect=1" class="question-hyperlink">How to cache bust a child theme style.css</a> </div> <div class="spacer"> <a href="/web/20170312234623/http://wordpress.stackexchange.com/q/195591" title="Vote score (upvotes - downvotes)"> <div class="answer-votes answered-accepted default">1</div> </a> <a href="/web/20170312234623/http://wordpress.stackexchange.com/questions/195591/how-to-create-child-theme-with-tesseract-theme?noredirect=1" class="question-hyperlink">How to create child theme with Tesseract theme?</a> </div> <div class="spacer"> <a href="/web/20170312234623/http://wordpress.stackexchange.com/q/175802" title="Vote score (upvotes - downvotes)"> <div class="answer-votes default">0</div> </a> <a href="/web/20170312234623/http://wordpress.stackexchange.com/questions/175802/proper-enqueue-for-child-theme-functions-php?noredirect=1" class="question-hyperlink">Proper enqueue for child theme functions.php</a> </div> <div class="spacer"> <a href="/web/20170312234623/http://wordpress.stackexchange.com/q/216800" title="Vote score (upvotes - downvotes)"> <div class="answer-votes default">2</div> </a> <a href="/web/20170312234623/http://wordpress.stackexchange.com/questions/216800/theme-customizer-not-loading?noredirect=1" class="question-hyperlink">Theme Customizer not loading</a> </div> <div class="spacer"> <a href="/web/20170312234623/http://wordpress.stackexchange.com/q/235306" title="Vote score (upvotes - downvotes)"> <div class="answer-votes default">1</div> </a> <a href="/web/20170312234623/http://wordpress.stackexchange.com/questions/235306/recommended-way-to-load-enqueue-parent-and-child-stylesheet-to-enable-cache-bu?noredirect=1" class="question-hyperlink">Recommended way to load / enqueue parent and child stylesheet to enable cache busting</a> </div> </div> </div> <div class="module sidebar-related"> <h4 id="h-related">Related</h4> <div class="related js-gps-related-questions" data-tracker="rq=1"> <div class="spacer"><a href="/web/20170312234623/http://wordpress.stackexchange.com/q/14266" title="Vote score (upvotes - downvotes)"><div class="answer-votes answered-accepted default">2</div></a><a href="/web/20170312234623/http://wordpress.stackexchange.com/questions/14266/add-generated-stylesheet-from-parent-theme-after-child-themes-style-css" class="question-hyperlink">add generated stylesheet from parent theme after child-themes style.css</a></div><div class="spacer"><a href="/web/20170312234623/http://wordpress.stackexchange.com/q/28397" title="Vote score (upvotes - downvotes)"><div class="answer-votes answered-accepted default">1</div></a><a href="/web/20170312234623/http://wordpress.stackexchange.com/questions/28397/how-to-load-parent-theme-style-css" class="question-hyperlink">How to load parent theme style.css?</a></div><div class="spacer"><a href="/web/20170312234623/http://wordpress.stackexchange.com/q/51234" title="Vote score (upvotes - downvotes)"><div class="answer-votes answered-accepted default">6</div></a><a href="/web/20170312234623/http://wordpress.stackexchange.com/questions/51234/how-do-i-queue-my-child-stylesheet-s-after-every-parent-stylesheet-statement" class="question-hyperlink">how do I queue my Child stylesheet/s *after* every Parent stylesheet/statement?</a></div><div class="spacer"><a href="/web/20170312234623/http://wordpress.stackexchange.com/q/101691" title="Vote score (upvotes - downvotes)"><div class="answer-votes answered-accepted default">-1</div></a><a href="/web/20170312234623/http://wordpress.stackexchange.com/questions/101691/child-theme-css-not-overriding-parent-theme-in-multisite-site" class="question-hyperlink">Child Theme CSS Not Overriding Parent Theme In MultiSite Site</a></div><div class="spacer"><a href="/web/20170312234623/http://wordpress.stackexchange.com/q/149946" title="Vote score (upvotes - downvotes)"><div class="answer-votes answered-accepted default">0</div></a><a href="/web/20170312234623/http://wordpress.stackexchange.com/questions/149946/order-of-stylesheets-in-child-theme" class="question-hyperlink">Order of stylesheets in child theme</a></div><div class="spacer"><a href="/web/20170312234623/http://wordpress.stackexchange.com/q/161612" title="Vote score (upvotes - downvotes)"><div class="answer-votes default">0</div></a><a href="/web/20170312234623/http://wordpress.stackexchange.com/questions/161612/why-are-my-parent-styles-loading-after-my-child-styles" class="question-hyperlink">Why are my parent styles loading after my child styles?</a></div><div class="spacer"><a href="/web/20170312234623/http://wordpress.stackexchange.com/q/207076" title="Vote score (upvotes - downvotes)"><div class="answer-votes answered-accepted default">0</div></a><a href="/web/20170312234623/http://wordpress.stackexchange.com/questions/207076/completely-reload-style-css" class="question-hyperlink">Completely reload style.css</a></div><div class="spacer"><a href="/web/20170312234623/http://wordpress.stackexchange.com/q/239426" title="Vote score (upvotes - downvotes)"><div class="answer-votes default">2</div></a><a href="/web/20170312234623/http://wordpress.stackexchange.com/questions/239426/how-to-use-parent-themes-enqueue-methods" class="question-hyperlink">How to use parent theme's enqueue methods</a></div><div class="spacer"><a href="/web/20170312234623/http://wordpress.stackexchange.com/q/250805" title="Vote score (upvotes - downvotes)"><div class="answer-votes answered-accepted default">0</div></a><a href="/web/20170312234623/http://wordpress.stackexchange.com/questions/250805/css-in-child-theme-to-replace-important-in-parent-theme" class="question-hyperlink">CSS in child theme to replace !important in parent theme</a></div><div class="spacer"><a href="/web/20170312234623/http://wordpress.stackexchange.com/q/257105" title="Vote score (upvotes - downvotes)"><div class="answer-votes default">0</div></a><a href="/web/20170312234623/http://wordpress.stackexchange.com/questions/257105/find-a-parent-themes-stylesheet-handle-when-it-registers-a-stylesheet" class="question-hyperlink">Find a Parent Theme's stylesheet $handle when it registers a stylesheet</a></div> </div> </div> <div id="hot-network-questions" class="module tex2jax_ignore"> <h4> <a href="https://web.archive.org/web/20170312234623/http://stackexchange.com/questions?tab=hot" class="js-gps-track" data-gps-track="posts_hot_network.click({ item_type:1, location:11 })"> Hot Network Questions </a> </h4> <ul> <li> <div class="favicon favicon-english" title="English Language & Usage Stack Exchange"></div><a href="https://web.archive.org/web/20170312234623/http://english.stackexchange.com/questions/377460/how-to-degender-separate-the-men-from-the-boys" class="js-gps-track" data-gps-track="site.switch({ item_type:11, target_site:97 }); posts_hot_network.click({ item_type:2, location:11 })"> How to degender "separate the men from the boys"? </a> </li> <li> <div class="favicon favicon-politics" title="Politics Stack Exchange"></div><a href="https://web.archive.org/web/20170312234623/http://politics.stackexchange.com/questions/16246/was-the-texas-photo-id-voting-law-implemented-to-decrease-voting-fraud-if-so-h" class="js-gps-track" data-gps-track="site.switch({ item_type:11, target_site:475 }); posts_hot_network.click({ item_type:2, location:11 })"> Was the Texas Photo ID voting law implemented to decrease voting fraud? If so, how effective is it? </a> </li> <li> <div class="favicon favicon-crypto" title="Cryptography Stack Exchange"></div><a href="https://web.archive.org/web/20170312234623/http://crypto.stackexchange.com/questions/44648/implement-aes-ctr-on-top-of-aes-ecb" class="js-gps-track" data-gps-track="site.switch({ item_type:11, target_site:281 }); posts_hot_network.click({ item_type:2, location:11 })"> Implement AES-CTR on top of AES-ECB </a> </li> <li> <div class="favicon favicon-parenting" title="Parenting Stack Exchange"></div><a href="https://web.archive.org/web/20170312234623/http://parenting.stackexchange.com/questions/29211/what-age-limit-is-appropriate-for-using-tools-such-as-screwdrivers-hacksaw-dr" class="js-gps-track" data-gps-track="site.switch({ item_type:11, target_site:228 }); posts_hot_network.click({ item_type:2, location:11 })"> What age limit is appropriate for using tools (such as screwdrivers, hacksaw, drill, etc.)? </a> </li> <li> <div class="favicon favicon-codereview" title="Code Review Stack Exchange"></div><a href="https://web.archive.org/web/20170312234623/http://codereview.stackexchange.com/questions/157575/longest-collatz-sequence-in-c-slower-than-in-python-3" class="js-gps-track" data-gps-track="site.switch({ item_type:11, target_site:196 }); posts_hot_network.click({ item_type:2, location:11 })"> "Longest Collatz sequence" in C slower than in Python 3 </a> </li> <li class="dno js-hidden"> <div class="favicon favicon-mathematica" title="Mathematica Stack Exchange"></div><a href="https://web.archive.org/web/20170312234623/http://mathematica.stackexchange.com/questions/139818/how-to-implement-a-discrete-data-representation" class="js-gps-track" data-gps-track="site.switch({ item_type:11, target_site:387 }); posts_hot_network.click({ item_type:2, location:11 })"> How to implement a discrete data representation? </a> </li> <li class="dno js-hidden"> <div class="favicon favicon-workplace" title="The Workplace Stack Exchange"></div><a href="https://web.archive.org/web/20170312234623/http://workplace.stackexchange.com/questions/86657/how-to-deal-with-a-colleague-who-views-me-as-his-love-rival-over-my-wife" class="js-gps-track" data-gps-track="site.switch({ item_type:11, target_site:423 }); posts_hot_network.click({ item_type:2, location:11 })"> How to deal with a colleague who views me as his love rival (over my wife)? </a> </li> <li class="dno js-hidden"> <div class="favicon favicon-worldbuilding" title="Worldbuilding Stack Exchange"></div><a href="https://web.archive.org/web/20170312234623/http://worldbuilding.stackexchange.com/questions/73495/how-poor-does-elven-fertility-need-to-be-in-order-to-keep-the-ratio-of-humans-to" class="js-gps-track" data-gps-track="site.switch({ item_type:11, target_site:579 }); posts_hot_network.click({ item_type:2, location:11 })"> How poor does Elven fertility need to be in order to keep the ratio of humans to elves constant? </a> </li> <li class="dno js-hidden"> <div class="favicon favicon-tex" title="TeX - LaTeX Stack Exchange"></div><a href="https://web.archive.org/web/20170312234623/http://tex.stackexchange.com/questions/358153/is-there-a-replacement-for-times-roman-that-has-unicode-math-symbols-and-greek-l" class="js-gps-track" data-gps-track="site.switch({ item_type:11, target_site:85 }); posts_hot_network.click({ item_type:2, location:11 })"> Is there a replacement for Times Roman that has Unicode math symbols and Greek letters? </a> </li> <li class="dno js-hidden"> <div class="favicon favicon-codegolf" title="Programming Puzzles & Code Golf Stack Exchange"></div><a href="https://web.archive.org/web/20170312234623/http://codegolf.stackexchange.com/questions/112680/two-coloring-overlapping-circles" class="js-gps-track" data-gps-track="site.switch({ item_type:11, target_site:200 }); posts_hot_network.click({ item_type:2, location:11 })"> Two-Coloring Overlapping Circles </a> </li> <li class="dno js-hidden"> <div class="favicon favicon-buddhism" title="Buddhism Stack Exchange"></div><a href="https://web.archive.org/web/20170312234623/http://buddhism.stackexchange.com/questions/19600/mind-as-a-creator" class="js-gps-track" data-gps-track="site.switch({ item_type:11, target_site:565 }); posts_hot_network.click({ item_type:2, location:11 })"> Mind as a creator </a> </li> <li class="dno js-hidden"> <div class="favicon favicon-scifi" title="Science Fiction & Fantasy Stack Exchange"></div><a href="https://web.archive.org/web/20170312234623/http://scifi.stackexchange.com/questions/154462/how-does-arrakis-maintain-a-breathable-atmosphere-without-vegetation" class="js-gps-track" data-gps-track="site.switch({ item_type:11, target_site:186 }); posts_hot_network.click({ item_type:2, location:11 })"> How does Arrakis maintain a breathable atmosphere without vegetation? </a> </li> <li class="dno js-hidden"> <div class="favicon favicon-space" title="Space Exploration Stack Exchange"></div><a href="https://web.archive.org/web/20170312234623/http://space.stackexchange.com/questions/20620/will-a-computer-be-allowed-to-self-destruct-astronauts-or-passengers" class="js-gps-track" data-gps-track="site.switch({ item_type:11, target_site:508 }); posts_hot_network.click({ item_type:2, location:11 })"> Will a computer be allowed to "self-destruct" astronauts (or passengers)? </a> </li> <li class="dno js-hidden"> <div class="favicon favicon-italian" title="Italian Language Stack Exchange"></div><a href="https://web.archive.org/web/20170312234623/http://italian.stackexchange.com/questions/8051/dei-promessi-sposi-di-i-promessi-sposi-o-de-i-promessi-sposi" class="js-gps-track" data-gps-track="site.switch({ item_type:11, target_site:524 }); posts_hot_network.click({ item_type:2, location:11 })"> “dei ‘Promessi Sposi’”, “di ‘I Promessi Sposi’” o “de ‘I Promessi Sposi’”? </a> </li> <li class="dno js-hidden"> <div class="favicon favicon-academia" title="Academia Stack Exchange"></div><a href="https://web.archive.org/web/20170312234623/http://academia.stackexchange.com/questions/86379/starting-a-talk-about-a-topic-that-cannot-be-explained-with-out-some-background" class="js-gps-track" data-gps-track="site.switch({ item_type:11, target_site:415 }); posts_hot_network.click({ item_type:2, location:11 })"> Starting a talk about a topic that cannot be explained with out some background information </a> </li> <li class="dno js-hidden"> <div class="favicon favicon-english" title="English Language & Usage Stack Exchange"></div><a href="https://web.archive.org/web/20170312234623/http://english.stackexchange.com/questions/377158/whats-a-good-idiom-or-saying-to-say-dont-leave-your-current-job-before-gettin" class="js-gps-track" data-gps-track="site.switch({ item_type:11, target_site:97 }); posts_hot_network.click({ item_type:2, location:11 })"> What's a good idiom or saying to say "don't leave your current job before getting another"? </a> </li> <li class="dno js-hidden"> <div class="favicon favicon-mathematica" title="Mathematica Stack Exchange"></div><a href="https://web.archive.org/web/20170312234623/http://mathematica.stackexchange.com/questions/139808/finding-vampire-numbers" class="js-gps-track" data-gps-track="site.switch({ item_type:11, target_site:387 }); posts_hot_network.click({ item_type:2, location:11 })"> Finding vampire numbers </a> </li> <li class="dno js-hidden"> <div class="favicon favicon-history" title="History Stack Exchange"></div><a href="https://web.archive.org/web/20170312234623/http://history.stackexchange.com/questions/35949/what-did-hitler-mean-with-the-following-statement-about-franco" class="js-gps-track" data-gps-track="site.switch({ item_type:11, target_site:324 }); posts_hot_network.click({ item_type:2, location:11 })"> What did Hitler mean with the following statement about Franco? </a> </li> <li class="dno js-hidden"> <div class="favicon favicon-rpg" title="Role-playing Games Stack Exchange"></div><a href="https://web.archive.org/web/20170312234623/http://rpg.stackexchange.com/questions/96373/how-long-does-it-take-to-silver-a-weapon" class="js-gps-track" data-gps-track="site.switch({ item_type:11, target_site:122 }); posts_hot_network.click({ item_type:2, location:11 })"> How long does it take to silver a weapon? </a> </li> <li class="dno js-hidden"> <div class="favicon favicon-ell" title="English Language Learners Stack Exchange"></div><a href="https://web.archive.org/web/20170312234623/http://ell.stackexchange.com/questions/122282/how-to-know-whether-over-means-more-than-or-during" class="js-gps-track" data-gps-track="site.switch({ item_type:11, target_site:481 }); posts_hot_network.click({ item_type:2, location:11 })"> How to know whether "over" means more than or during? </a> </li> <li class="dno js-hidden"> <div class="favicon favicon-physics" title="Physics Stack Exchange"></div><a href="https://web.archive.org/web/20170312234623/http://physics.stackexchange.com/questions/317624/is-the-light-from-the-sun-the-same-as-the-light-from-a-bulb" class="js-gps-track" data-gps-track="site.switch({ item_type:11, target_site:151 }); posts_hot_network.click({ item_type:2, location:11 })"> Is the light from the Sun the same as the light from a bulb? </a> </li> <li class="dno js-hidden"> <div class="favicon favicon-worldbuilding" title="Worldbuilding Stack Exchange"></div><a href="https://web.archive.org/web/20170312234623/http://worldbuilding.stackexchange.com/questions/73703/robots-with-specifically-red-blood" class="js-gps-track" data-gps-track="site.switch({ item_type:11, target_site:579 }); posts_hot_network.click({ item_type:2, location:11 })"> Robots with (specifically red) blood </a> </li> <li class="dno js-hidden"> <div class="favicon favicon-workplace" title="The Workplace Stack Exchange"></div><a href="https://web.archive.org/web/20170312234623/http://workplace.stackexchange.com/questions/86419/how-to-deal-with-an-employer-who-refuses-to-allow-attribution-in-software" class="js-gps-track" data-gps-track="site.switch({ item_type:11, target_site:423 }); posts_hot_network.click({ item_type:2, location:11 })"> How to deal with an employer who refuses to allow attribution in software </a> </li> <li class="dno js-hidden"> <div class="favicon favicon-worldbuilding" title="Worldbuilding Stack Exchange"></div><a href="https://web.archive.org/web/20170312234623/http://worldbuilding.stackexchange.com/questions/73618/how-do-i-create-an-office-friendly-silence-grenade" class="js-gps-track" data-gps-track="site.switch({ item_type:11, target_site:579 }); posts_hot_network.click({ item_type:2, location:11 })"> How do I create an office-friendly silence grenade? </a> </li> </ul> <a href="#" class="show-more js-show-more js-gps-track" data-gps-track="posts_hot_network.click({ item_type:3, location:11 })"> more hot questions </a> </div> </div> <div id="feed-link"> <div id="feed-link-text"> <a href="/web/20170312234623/http://wordpress.stackexchange.com/feeds/question/163301" title="feed of this question and its answers"> <span class="feed-icon"></span>question feed </a> </div> </div> <script> StackExchange.ready(function(){$.get('/posts/163301/ivc/19fc');}); </script> <noscript> <div><img src="/web/20170312234623im_/http://wordpress.stackexchange.com/posts/163301/ivc/19fc" class="dno" alt="" width="0" height="0"></div> </noscript><div style="display:none" id="prettify-lang">lang-css</div></div> </div> </div> <div id="footer" class="categories"> <div class="footerwrap"> <div id="footer-menu"> <div class="top-footer-links"> <a href="https://web.archive.org/web/20170312234623/http://stackoverflow.com/company/about">about us</a> <a href="/web/20170312234623/http://wordpress.stackexchange.com/tour">tour</a> <a href="/web/20170312234623/http://wordpress.stackexchange.com/help">help</a> <a href="https://web.archive.org/web/20170312234623/https://stackoverflow.blog/?blb=1">blog</a> <a href="https://web.archive.org/web/20170312234623/http://chat.stackexchange.com/?tab=site&host=wordpress.stackexchange.com">chat</a> <a href="https://web.archive.org/web/20170312234623/https://data.stackexchange.com/">data</a> <a href="https://web.archive.org/web/20170312234623/http://stackexchange.com/legal">legal</a> <a href="https://web.archive.org/web/20170312234623/http://stackexchange.com/legal/privacy-policy">privacy policy</a> <a href="https://web.archive.org/web/20170312234623/http://stackoverflow.com/company/work-here">work here</a> <a href="https://web.archive.org/web/20170312234623/http://stackexchange.com/mediakit">advertising info</a> <a onclick="StackExchange.switchMobile("on")">mobile</a> <b><a href="/web/20170312234623/http://wordpress.stackexchange.com/contact">contact us</a></b> <b><a href="https://web.archive.org/web/20170312234623/http://meta.wordpress.stackexchange.com/">feedback</a></b> </div> <div id="footer-sites"> <table> <tr> <th colspan="3"> Technology </th> <th> Life / Arts </th> <th> Culture / Recreation </th> <th> Science </th> <th> Other </th> </tr> <tr> <td> <ol> <li><a href="//web.archive.org/web/20170312234623/http://stackoverflow.com/" title="professional and enthusiast programmers">Stack Overflow</a></li> <li><a href="//web.archive.org/web/20170312234623/http://serverfault.com/" title="system and network administrators">Server Fault</a></li> <li><a href="//web.archive.org/web/20170312234623/http://superuser.com/" title="computer enthusiasts and power users">Super User</a></li> <li><a href="//web.archive.org/web/20170312234623/http://webapps.stackexchange.com/" title="power users of web applications">Web Applications</a></li> <li><a href="//web.archive.org/web/20170312234623/http://askubuntu.com/" title="Ubuntu users and developers">Ask Ubuntu</a></li> <li><a href="//web.archive.org/web/20170312234623/http://webmasters.stackexchange.com/" title="pro webmasters">Webmasters</a></li> <li><a href="//web.archive.org/web/20170312234623/http://gamedev.stackexchange.com/" title="professional and independent game developers">Game Development</a></li> <li><a href="//web.archive.org/web/20170312234623/http://tex.stackexchange.com/" title="users of TeX, LaTeX, ConTeXt, and related typesetting systems">TeX - LaTeX</a></li> <li><a href="//web.archive.org/web/20170312234623/http://softwareengineering.stackexchange.com/" title="professionals, academics, and students working within the systems development life cycle who care about creating, delivering, and maintaining software responsibly">Software Engineering</a></li> <li><a href="//web.archive.org/web/20170312234623/http://unix.stackexchange.com/" title="users of Linux, FreeBSD and other Un*x-like operating systems">Unix & Linux</a></li> <li><a href="//web.archive.org/web/20170312234623/http://apple.stackexchange.com/" title="power users of Apple hardware and software">Ask Different (Apple)</a></li> <li><a href="//web.archive.org/web/20170312234623/http://wordpress.stackexchange.com/" title="WordPress developers and administrators">WordPress Development</a></li> </ol></td><td><ol> <li><a href="//web.archive.org/web/20170312234623/http://gis.stackexchange.com/" title="cartographers, geographers and GIS professionals">Geographic Information Systems</a></li> <li><a href="//web.archive.org/web/20170312234623/http://electronics.stackexchange.com/" title="electronics and electrical engineering professionals, students, and enthusiasts">Electrical Engineering</a></li> <li><a href="//web.archive.org/web/20170312234623/http://android.stackexchange.com/" title="enthusiasts and power users of the Android operating system">Android Enthusiasts</a></li> <li><a href="//web.archive.org/web/20170312234623/http://security.stackexchange.com/" title="information security professionals">Information Security</a></li> <li><a href="//web.archive.org/web/20170312234623/http://dba.stackexchange.com/" title="database professionals who wish to improve their database skills and learn from others in the community">Database Administrators</a></li> <li><a href="//web.archive.org/web/20170312234623/http://drupal.stackexchange.com/" title="Drupal developers and administrators">Drupal Answers</a></li> <li><a href="//web.archive.org/web/20170312234623/http://sharepoint.stackexchange.com/" title="SharePoint enthusiasts">SharePoint</a></li> <li><a href="//web.archive.org/web/20170312234623/http://ux.stackexchange.com/" title="user experience researchers and experts">User Experience</a></li> <li><a href="//web.archive.org/web/20170312234623/http://mathematica.stackexchange.com/" title="users of Wolfram Mathematica">Mathematica</a></li> <li><a href="//web.archive.org/web/20170312234623/http://salesforce.stackexchange.com/" title="Salesforce administrators, implementation experts, developers and anybody in-between">Salesforce</a></li> <li><a href="//web.archive.org/web/20170312234623/http://expressionengine.stackexchange.com/" title="administrators, end users, developers and designers for ExpressionEngine® CMS">ExpressionEngine® Answers</a></li> <li><a href="//web.archive.org/web/20170312234623/http://crypto.stackexchange.com/" title="software developers, mathematicians and others interested in cryptography">Cryptography</a></li> </ol></td><td><ol> <li><a href="//web.archive.org/web/20170312234623/http://codereview.stackexchange.com/" title="peer programmer code reviews">Code Review</a></li> <li><a href="//web.archive.org/web/20170312234623/http://magento.stackexchange.com/" title="users of the Magento e-Commerce platform">Magento</a></li> <li><a href="//web.archive.org/web/20170312234623/http://dsp.stackexchange.com/" title="practitioners of the art and science of signal, image and video processing">Signal Processing</a></li> <li><a href="//web.archive.org/web/20170312234623/http://raspberrypi.stackexchange.com/" title="users and developers of hardware and software for Raspberry Pi">Raspberry Pi</a></li> <li><a href="//web.archive.org/web/20170312234623/http://codegolf.stackexchange.com/" title="programming puzzle enthusiasts and code golfers">Programming Puzzles & Code Golf</a></li> <li> <a href="https://web.archive.org/web/20170312234623/http://stackexchange.com/sites#technology" class="more"> more (7) </a> </li> </ol> </td> <td> <ol> <li><a href="//web.archive.org/web/20170312234623/http://photo.stackexchange.com/" title="professional, enthusiast and amateur photographers">Photography</a></li> <li><a href="//web.archive.org/web/20170312234623/http://scifi.stackexchange.com/" title="science fiction and fantasy enthusiasts">Science Fiction & Fantasy</a></li> <li><a href="//web.archive.org/web/20170312234623/http://graphicdesign.stackexchange.com/" title="Graphic Design professionals, students, and enthusiasts">Graphic Design</a></li> <li><a href="//web.archive.org/web/20170312234623/http://movies.stackexchange.com/" title="movie and tv enthusiasts">Movies & TV</a></li> <li><a href="//web.archive.org/web/20170312234623/http://music.stackexchange.com/" title="musicians, students, and enthusiasts">Music: Practice & Theory</a></li> <li><a href="//web.archive.org/web/20170312234623/http://cooking.stackexchange.com/" title="professional and amateur chefs">Seasoned Advice (cooking)</a></li> <li><a href="//web.archive.org/web/20170312234623/http://diy.stackexchange.com/" title="contractors and serious DIYers">Home Improvement</a></li> <li><a href="//web.archive.org/web/20170312234623/http://money.stackexchange.com/" title="people who want to be financially literate">Personal Finance & Money</a></li> <li><a href="//web.archive.org/web/20170312234623/http://academia.stackexchange.com/" title="academics and those enrolled in higher education">Academia</a></li> <li> <a href="https://web.archive.org/web/20170312234623/http://stackexchange.com/sites#lifearts" class="more"> more (8) </a> </li> </ol> </td> <td> <ol> <li><a href="//web.archive.org/web/20170312234623/http://english.stackexchange.com/" title="linguists, etymologists, and serious English language enthusiasts">English Language & Usage</a></li> <li><a href="//web.archive.org/web/20170312234623/http://skeptics.stackexchange.com/" title="scientific skepticism">Skeptics</a></li> <li><a href="//web.archive.org/web/20170312234623/http://judaism.stackexchange.com/" title="those who base their lives on Jewish law and tradition and anyone interested in learning more">Mi Yodeya (Judaism)</a></li> <li><a href="//web.archive.org/web/20170312234623/http://travel.stackexchange.com/" title="road warriors and seasoned travelers">Travel</a></li> <li><a href="//web.archive.org/web/20170312234623/http://christianity.stackexchange.com/" title="committed Christians, experts in Christianity and those interested in learning more">Christianity</a></li> <li><a href="//web.archive.org/web/20170312234623/http://ell.stackexchange.com/" title="speakers of other languages learning English">English Language Learners</a></li> <li><a href="//web.archive.org/web/20170312234623/http://japanese.stackexchange.com/" title="students, teachers, and linguists wanting to discuss the finer points of the Japanese language">Japanese Language</a></li> <li><a href="//web.archive.org/web/20170312234623/http://gaming.stackexchange.com/" title="passionate videogamers on all platforms">Arqade (gaming)</a></li> <li><a href="//web.archive.org/web/20170312234623/http://bicycles.stackexchange.com/" title="people who build and repair bicycles, people who train cycling, or commute on bicycles">Bicycles</a></li> <li><a href="//web.archive.org/web/20170312234623/http://rpg.stackexchange.com/" title="gamemasters and players of tabletop, paper-and-pencil role-playing games">Role-playing Games</a></li> <li><a href="//web.archive.org/web/20170312234623/http://anime.stackexchange.com/" title="anime and manga fans">Anime & Manga</a></li> <li><a href="//web.archive.org/web/20170312234623/http://mechanics.stackexchange.com/" title="mechanics and DIY enthusiast owners of cars, trucks, and motorcycles">Motor Vehicle Maintenance & Repair</a></li> <li> <a href="https://web.archive.org/web/20170312234623/http://stackexchange.com/sites#culturerecreation" class="more"> more (17) </a> </li> </ol> </td> <td> <ol> <li><a href="//web.archive.org/web/20170312234623/http://mathoverflow.net/" title="professional mathematicians">MathOverflow</a></li> <li><a href="//web.archive.org/web/20170312234623/http://math.stackexchange.com/" title="people studying math at any level and professionals in related fields">Mathematics</a></li> <li><a href="//web.archive.org/web/20170312234623/http://stats.stackexchange.com/" title="people interested in statistics, machine learning, data analysis, data mining, and data visualization">Cross Validated (stats)</a></li> <li><a href="//web.archive.org/web/20170312234623/http://cstheory.stackexchange.com/" title="theoretical computer scientists and researchers in related fields">Theoretical Computer Science</a></li> <li><a href="//web.archive.org/web/20170312234623/http://physics.stackexchange.com/" title="active researchers, academics and students of physics">Physics</a></li> <li><a href="//web.archive.org/web/20170312234623/http://chemistry.stackexchange.com/" title="scientists, academics, teachers and students">Chemistry</a></li> <li><a href="//web.archive.org/web/20170312234623/http://biology.stackexchange.com/" title="biology researchers, academics, and students">Biology</a></li> <li><a href="//web.archive.org/web/20170312234623/http://cs.stackexchange.com/" title="students, researchers and practitioners of computer science">Computer Science</a></li> <li><a href="//web.archive.org/web/20170312234623/http://philosophy.stackexchange.com/" title="those interested in the study of the fundamental nature of knowledge, reality, and existence">Philosophy</a></li> <li> <a href="https://web.archive.org/web/20170312234623/http://stackexchange.com/sites#science" class="more"> more (3) </a> </li> </ol> </td> <td> <ol> <li><a href="//web.archive.org/web/20170312234623/http://meta.stackexchange.com/" title="meta-discussion of the Stack Exchange family of Q&A websites">Meta Stack Exchange</a></li> <li><a href="//web.archive.org/web/20170312234623/http://stackapps.com/" title="apps, scripts, and development with the Stack Exchange API">Stack Apps</a></li> <li><a href="//web.archive.org/web/20170312234623/http://area51.stackexchange.com/" title="proposing new sites in the Stack Exchange network">Area 51</a></li> <li><a href="https://web.archive.org/web/20170312234623/https://www.stackoverflowbusiness.com/talent">Stack Overflow Talent</a></li> </ol> </td> </tr> </table> </div> </div> <div id="copyright"> site design / logo © 2017 Stack Exchange Inc; user contributions licensed under <a href="https://web.archive.org/web/20170312234623/https://creativecommons.org/licenses/by-sa/3.0/" rel="license">cc by-sa 3.0</a> with <a href="https://web.archive.org/web/20170312234623/http://blog.stackoverflow.com/2009/06/attribution-required/" rel="license">attribution required</a> </div> <div id="svnrev"> rev 2017.3.10.25389 </div> <div id="additional-notices"> WordPress is a trademark of the WordPress Foundation, registered in the US and other countries. This site is not affiliated with the WordPress Foundation in any way. </div> </div> </div> <noscript> <div id="noscript-warning">WordPress Development Stack Exchange works best with JavaScript enabled<img src="https://web.archive.org/web/20170312234623im_/https://pixel.quantserve.com/pixel/p-c1rF4kxgLUzNc.gif" alt="" class="dno"></div> </noscript> <script>var p = "http", d = "static"; if (document.location.protocol == "https:") { p += "s"; d = "engine"; } var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = p + "://" + d + ".adzerk.net/ados.js"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script> <script> var ados = ados || {}; ados.run = ados.run || []; ados.run.push(function () { setTimeout(function () { $("#adzerk-user-match").remove(); }, window.AUMIframeDone ? 0 : 2000); ados_setKeywords('css,child-theme,cache,stylesheet,parent-theme,x-community,x-host-wordpress.stackexchange.com');; ados_load(); }); </script> <script> (function(i, s, o, g, r, a, m) { i['GoogleAnalyticsObject'] = r; i[r] = i[r] || function() { (i[r].q = i[r].q || []).push(arguments) }, i[r].l = 1 * new Date(); a = s.createElement(o), m = s.getElementsByTagName(o)[0]; a.async = 1; a.src = g; m.parentNode.insertBefore(a, m); })(window, document, 'script', 'https://web.archive.org/web/20170312234623/https://www.google-analytics.com/analytics.js', 'ga'); ga('create', 'UA-5620270-24', {'cookieDomain': 'stackexchange.com'}); ga('set', 'dimension2', '|css|child-theme|cache|stylesheet|parent-theme|'); ga('send', 'pageview'); var _qevents = _qevents || [], _comscore = _comscore || []; (function () { var ssl='https:'==document.location.protocol, s=document.getElementsByTagName('script')[0], qc=document.createElement('script'); qc.async = true; qc.src = (ssl ? 'https://web.archive.org/web/20170312234623/https://secure' : 'https://web.archive.org/web/20170312234623/http://edge') + '.quantserve.com/quant.js'; s.parentNode.insertBefore(qc, s); _qevents.push({ qacct: "p-c1rF4kxgLUzNc" }); var sc=document.createElement('script'); sc.async=true; sc.src=(ssl?'https://web.archive.org/web/20170312234623/https://sb':'http://b') + '.scorecardresearch.com/beacon.js'; s.parentNode.insertBefore(sc, s); _comscore.push({ c1: "2", c2: "17440561" }); })(); </script> <script type="text/javascript"> (function(appendChild) { Node.prototype.appendChild = function() { var parent = this; var newNode = arguments[0]; if (parent.nodeName === 'HEAD' && newNode && newNode.nodeName === 'SCRIPT' && newNode.src) { window.setTimeout(function() { var result = newNode.src.match(/^https:\/\/maps\.googleapis\.com\/maps\/api\/place\/js\/(\w+)Service\./i) || []; var service = result[1]; if (service) { if (service === 'Autocompletion') service = 2; else if (service === 'Place') service = 1; else service = 0; StackExchange.using('gps', function() { StackExchange.gps.track('google_maps_places_api.call', { service: service }); }); } }, 0); } return appendChild.apply(this, arguments); }; })(Node.prototype.appendChild); </script> </body> </html>

CINXE.COM

Versioning @import of parent theme's style.css - WordPress Development Stack Exchange