我制作了一个主题化主题的儿童主题。我在排队时使用了这个例子,也使用了我自己的例子。在这两种情况下,子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\' );
}