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
标签
最合适的回答,由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
对于要覆盖的属性。