只能在子style.css中用‘！重要’覆盖父主题样式
只能在子style.css中用‘！重要’覆盖父主题样式
提问于 2022-01-19 18:07:55
function my_theme_enqueue_styles() {
wp_enqueue_style( 'twentytwentyone-style', get_template_directory_uri() . '/style.css' );
wp_enqueue_style( 'child-style',
get_stylesheet_directory_uri() . '/style.css',
array('twentytwentyone-style')
);
}
add_action( 'wp_enqueue_scripts', 'my_theme_enqueue_styles' );当我向子主题style.css文件添加样式更改时，我可以看到它们列在chrome工具中，但被父样式删除并重写。我只能通过将!important添加到子样式更改中来覆盖父样式。如何使样式更改没有！重要，或者这是唯一的方式来进行样式更改？
回答 1
WordPress Development用户
回答已采纳
发布于 2022-01-20 10:32:04
从您已经排队的所有内容来看，都是正确的:将父样式设置为依赖项，这样WordPress应该首先加载父样式，然后加载子样式。
但是，您的规则仍然可能没有应用，这通常是因为规则更具体。见这篇MDN文章可以获得更多信息。
作为一种解决方案，您可以使您的规则更加具体：
// parent
.main-content .mydiv
// child
body .main-content .mydiv
// or
.main-content .someclass .mydiv页面原文内容由WordPress Development提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://wordpress.stackexchange.com/questions/401520
复制相关文章
相似问题
腾讯云开发者
