如何使子主题中的新.css文件覆盖子主题的style中的样式

时间：2013-09-25 作者：user1794295

我想单独做出回应。我的子主题中的css文件，但无法使媒体查询覆盖子主题默认样式中的样式。css。

我试过<link rel="stylesheet" href="<?php echo get_stylesheet_directory_uri(); ?>/responsive.css" type="text/css" media="screen"/> 在<?php wp_head(); ?> 代码，这是可行的，但我读到这不是好的做法。

我真的不想在样式末尾添加媒体查询。css，因为它已经很大了，而且变得很混乱！

2 个回复
最合适的回答,由SO网友:Milo 整理而成

你可以enqueue your own stylesheet 通过将此添加到您孩子的主题functions.php 文件：

function wpa_custom_css(){
    wp_enqueue_style(
        \'wpa_custom\',
        get_stylesheet_directory_uri() . \'/responsive.css\'
    );
}
add_action( \'wp_enqueue_scripts\', \'wpa_custom_css\', 999 );
这将加载文件responsive.css 位于子主题目录中。优先级设置得很低（999），因此它更可能出现在可能在同一操作上排队的其他样式之后。

SO网友:helgatheviking

接受的第三个参数wp_enqueue_script 是$依赖项。。。aka必须先加载哪些样式表。

function wpa_115637(){
    wp_enqueue_style(
        \'wpa_custom\',
        get_stylesheet_directory_uri() . \'/responsive.css\',
        \'main_style\' // use the handle that you used when you enqueued the main stylesheet 
    );
}
add_action( \'wp_enqueue_scripts\', \'wpa_115637\' );

结束
标签： child-theme   css   wp-head   responsive   小码农  

相关推荐

单页WordPress CSS和JS链接

我有一个自定义模板，其中包含博客帖子。。。在我的标题中。php，内部<head> 我有这样的链接。。。<link href=\"http://www.mysite.com/css/design.css\" type=\"text/css\" rel=\"stylesheet\" /> <script type=\"text/javascript\" src=\"http://www.mysite.com/js/myjs.js\"></script>&