Question

我在WordPress中设置了child theme并将/style.css和/inc/css/bootstrap.min.css排入队列，因为这些是我从父主题修改的2个样式表：

function my_theme_styles() {
wp_enqueue_style( 'child', get_stylesheet_directory_uri() . '/style.css', array(), '1.0' );
wp_enqueue_style( 'child-bootstrap', get_stylesheet_directory_uri() . '/inc/css/bootstrap.min.css', array(), '1.0' );
}
add_action( 'wp_enqueue_scripts', 'my_theme_styles', 99 );

但是，当我将修正案放在bootstrap.min.css文件中时，它仍会加载来自父bootstrap.min.css的数据。

我已尝试添加！important到最后，甚至还将CSS添加到footer.php文件中以查看是否会覆盖它，但无济于事。

非常感谢任何建议。

由于

解决：我有点像一个布偶。在子bootstrap.min.css文件中，我在一个元素上放置background-color：none，在父bootstrap.min.css中它有一个背景颜色。我不得不把透明而不是透明。

Answer 1

尽管它已经解决了，但我会留下一个建议：在这样的情况下，一个更好的解决方案是使用

将父CSS文件出列

wp_dequeue_style( $handle );

OP解决了它的工作方式，但是将文件出列会导致性能稍好一些：）

发布重写bootstrap CSS

1 个答案: