WordPress中的Responsive.css应该优先

时间:2017-10-18 作者:The WP Intermediate

wp_enqueue_style( \'style\', THEMEROOT . \'/css/style.css\' );
wp_enqueue_style( \'responsive\', THEMEROOT . \'/css/responsive.css\' );
我正在使用上述方法将样式表排队,但我想要的并没有实现。

不管我写什么responsive.css 应该优先考虑(这意味着此处编写的CSS应该覆盖以style.CSS编写的所有其他内容),但这并没有发生。有没有办法通过WordPress提供的东西来实现它?

更新→

整个想法是不使用!important, 但当网站加载到比响应性更小的屏幕时。css应该主导或覆盖样式。css而不使用任何!important 标签

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

如果要确保在第一个样式表之后加载第二个样式表,可以使用wp_enqueue_style 设置依赖项,例如:

wp_enqueue_style( \'styles\', THEMEROOT . \'/css/style.css\', array() );
wp_enqueue_style( \'responsive\', THEMEROOT . \'/css/responsive.css\', array(\'styles\') );
至于有all 中的样式响应迅速。css覆盖样式。css,这将完全取决于每个样式表中目标的特殊性,css是一个级联样式表,如果您不完全确定它是如何工作的,那么值得研究它到底意味着什么。

SO网友:janh

一般来说,如果两者的特异性相似,则稍后加载的内容将采用流行率,例如:。body { background-color: white; } body { background-color: black; } 将导致黑色背景色,而body.myclass { background-color: white; } body { background-color: black; } 如果body具有类myclass,则将导致白色背景。

可以使用三种方法:稍后加载替代样式、使其更具体或添加!在要覆盖的属性之后很重要,例如。

body {
    background-color: white !important;
}
body.myclass {
    background-color: black;
}
将为您提供白色背景。通过查看文档源,您可以很容易地找出首先加载的是哪一个。如果顺序正确(如果不正确,请告诉WP您的responsive.css需要原始css,WP将确保顺序正确),请确保覆盖样式至少与原始样式一样具体。如果情况也是这样,请确保您的原始样式不使用!important 对于要覆盖的属性。

结束

相关推荐

提交表单后,admin-post.php结果显示在白屏上

这是一个奇怪的错误,因为之前没有发生,实际上一切正常。我已经删除了自上次测试以来添加的所有代码,并且在它崩溃之前它还在工作。我有一个自定义帖子作为提交表单的页面,我正在通过函数中的函数处理表单。我的插件中的php页面。function tm_add_new_job() { if ( empty($_POST) || !wp_verify_nonce($_POST[\'tm_add_new_job\'],\'tm_add_new_job\') ) {