css - 在除特定页面 ID 之外的所有页面上设置 CSS 样式

Question

我正在为一个客户开发网站，该客户希望在整个网站范围内使用特定的背景颜色，除了在一个页面上，该页面基本上用作具有独特内容和样式的单独的单页网站。

我的问题是...如何将 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}

我正在尝试做的事情是否可行？

Answer 1

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