我向你提供了看似快速的修复程序, 但是我尝试过的任何方法都无法按照我的计划进行。
因此, 我想做的是将以下CSS应用于我所有站点的页面, 除了其中之一:.page-id-145。我尝试使用以下代码开头附加的section:not(.page-id-145), 但最终却弄乱了我的其他页面, 同时修复了我需要的页面。如何仅从所需的页面中排除以下代码, 而又不弄乱其他页面?我特别希望(margin和float)在页面ID 145上消失。
本质上, 我只需要一种方法为该特定页面设置边距/浮点数:http://www.thegrassrootsgarage.com/great-albums-rym-list/在左边, 而不是在中间, 这就是以下CSS描述。
这是我的主题CSS, 可能会影响所涉及的特定页面:
#header, #main-content, #wrapper-footer {
float: none;
height: auto;
position: relative;
width: 100%;
}
#wrapper #main-content {/* this section likely must change */
padding: 28px 28px 10px;
width: 720px;
margin: 0 auto;
float: none;
}
#content {
float: none;
width: 750px;
}
这是我之前所做的异常的另一行, 它可能会或可能不会影响它:
.page-id-145 .header-image {display: none;
}
【如何从一页中排除CSS(或如何重置一页边距)】总而言之, 我只想从左边的特定页面开始边距, 而不是上面CSS中指定的边距。不幸的是, 我经历了各种各样的迭代, 使它像:not一样工作, 甚至未设置, 继承和初始化, 但无济于事。可能起作用的另一个细节包括以下事实:特定的Wordpress主题旨在包含侧边栏小部件-不确定是否有帮助。有什么想法吗?
在此先感谢你, 祝你度过愉快的一天。
#1如果可以, 请将主题的css更改为此:
#wrapper #main-content {
padding: 28px 28px 10px;
width: 720px;
}#wrapper:not(.page-id-145) #main-content {
margin: 0 auto;
float: none;
}
由于page-id-145类应用于具有包装器ID的同一元素, 因此你必须在该元素上指定:not(.page-id-145)。我将样式分为两部分, 第一部分将应用于#wrapper#main-content的所有实例, 而第二部分将不适用于page-id-145。
如果你不能更改主题的css(并且只能添加自定义css), 则可以使用它来覆盖它:
#wrapper.page-id-145 #main-content {
margin: 0;
/* can also be unset or initial, whatever you prefer */
float: /* whatever you want it to be here */;
}
推荐阅读
- 如何在”感谢页面”和客户电子邮件中将”帐单地址标签”编辑为”送货地址”()
- 如何显示WordPress中每个类别的帖子数()
- 如何在WordPress中以网格布局显示带有图像的帖子类别()
- 如何在wp中的高级自定义字段上的所有页面中显示图像()
- #yyds干货盘点#大数据基础HDFS练习
- Vue.js 应用性能优化给你专业分析+解决方案#yyds干货盘点#
- #yyds干货盘点# springboot整合JPA访问Mysql
- Docker的快速安装
- #yyds干货盘点# Spring核心原理之IoC容器初体验