我正在为一个客户开发网站,该客户希望在整个网站范围内使用特定的背景颜色,除了在一个页面上,该页面基本上用作具有独特内容和样式的单独的单页网站。
我的问题是...如何将 CSS 样式应用于除特定页面 ID 之外的所有页面?
我的 CSS 目前看起来像这样:
.et_section_regular, #main-content {background-color: #F5EFE5 !important}
!important 在那里是因为我必须首先覆盖主题的默认背景颜色。我试过使用以下 not: 选择器 ( referenced here ) 但没有成功:
.et_section_regular:not (.page-id-714 .et_section_regular), #main-content:not(.page-id-714 #main-content) {background-color: #F5EFE5 !important}
我正在尝试做的事情是否可行?
最佳答案
DEMO
您不能选择在您应用 :not()
的选择上方的选择器
另一种方法是首先提及应用页面 ID 的父级选择,然后定位内部 div - 查看演示。
CSS:
section:not(.page-id-174) .et_section_regular,
section:not(.page-id-174) #main-content{
background-color: #F5EFE5 !important
}
请注意,我仅在演示中使用部分标签,但您可以使用正文标签 - 我假设您已应用 .page-id-174
关于css - 在除特定页面 ID 之外的所有页面上设置 CSS 样式,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24101109/