我正试图改变我的网站的外观,但在这样做的同时,面临一些问题。
现在,不同的类和id正在流行。css应用于我的主题上的所有页面。
我想覆盖我主页上的那些样式元素(只有2或3个)。
现在,当我在索引中添加样式时。php文件,它们没有被应用。
我已经试过标记它们了!important
代码片段:我已在索引中添加了此代码。php文件之前的<?php
代码开始
<style type="text/css">
#main {
margin-left: 0 !important;
}
.container {
width: 95% !important;
}
</style>
但它们仍然没有影响我主页的外观。
我已经确认,我使用的类和ID都是完美的,并且很时尚。css文件?
那么,你能指导我如何只在我的主页上覆盖这些元素样式吗?
或
如果我在上述过程中做错了什么?
最合适的回答,由SO网友:Omar Tariq 整理而成
在主题函数中添加此代码。php
add_action(\'wp_footer\', \'my_home_page_styles\', PHP_INT_MAX);
function my_home_page_styles() {
if(is_front_page()) {
?>
<style>
#main {
margin-left: 0 !important;
}
.container {
width: 95% !important;
}
</style>
<?php
}
}
刷新前不要忘记清除缓存。使用
Ctrl + F5
在Google Chrome中刷新。