较早的样式表不会覆盖较晚的样式表

时间:2017-03-16 作者:JpaytonWPD

我制作了一个主题化主题的儿童主题。我在排队时使用了这个例子,也使用了我自己的例子。在这两种情况下,子css都是在父css之后加载的。

已在线加载53

<link rel=\'stylesheet\' id=\'parent-style-css\'  href=\'https://example.com/wp-content/themes/themify-ultra/style.css?ver=4.7.3\' type=\'text/css\' media=\'all\' />
已在线加载69

<link rel=\'stylesheet\' id=\'theme-style-css\'  href=\'https://example.com/wp-content/themes/Ultra-Child/style.css?ver=1.0.0\' type=\'text/css\' media=\'all\' />
但是,第53行文件中的元素将覆盖69文件。我尝试了一些改变位置的方法,其中一种方法甚至两次加载同一个子样式表。除非我更改版本号,否则早期的样式表会缓存和重写。它仍然覆盖,但如果我更改版本,它将更新。两个文件中的元素完全相同,一次更改,否!important. 为什么第一个优先于第二个?

这是整个子函数。php:

add_action( \'wp_enqueue_scripts\', \'theme_enqueue_styles\', PHP_INT_MAX);

function theme_enqueue_styles() {
    wp_enqueue_style( \'child-style\', get_stylesheet_directory_uri() . \'/style.css\' );
}
// Queue parent style followed by child/customized style
add_action( \'wp_enqueue_scripts\', \'theme_enqueue_parent_styles\', 9);

function theme_enqueue_parent_styles() {
    wp_enqueue_style( \'parent-style\', get_template_directory_uri() . \'/style.css\' );
}

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

Themifies内置缩小是在子CSS之后内联父CSS。这就是为什么我找不到它,我没有寻找内联CSS。

Chromes控制台仍然将其显示为远程CSS文件,即使它是内联的。

禁用内置缩小功能修复了该问题。

SO网友:scott

我查看了我的孩子主题的功能。php和我发现我已经注释掉了这一行以将子样式排入队列。css。我猜样式表是自动加载的,因为这是活动主题。我建议您不要显式地加载孩子主题的样式表,看看这是否有帮助。

P、 仅在子样式表中包含需要重写的样式。换句话说,此时,您应该只有h1、h2、h3等的样式。

相关推荐

定制管理员css的好方法吗?

我已经修改了管理和登录页面上的CSS。但问题是,有时自定义CSS最后加载,这使得更改可见。CSS可以在页面加载期间更改。有没有办法在页面呈现之前编辑CSS?我无法编辑核心和插件文件,因为我希望能够在不破坏它的情况下进行更新。有什么建议吗?