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

时间:2014-06-07 20:05:33

标签: css styling

我在一个网站上为一个想要在一个页面上使用特定背景颜色的客户工作,除了在一个页面上,它基本上用作一个单独的1页网站,具有独特的内容&样式。

我的问题是......如何将CSS样式应用于所有BUT特定的页面ID?

我的CSS目前看起来像这样:

.et_section_regular, #main-content {background-color: #F5EFE5 !important}

!重要的是因为我必须首先覆盖主题默认背景颜色。我尝试过使用以下方法:选择器(referenced here)没有运气:

.et_section_regular:not (.page-id-714 .et_section_regular), #main-content:not(.page-id-714 #main-content) {background-color: #F5EFE5 !important}

我尝试做的甚至可能吗?

1 个答案:

答案 0 :(得分:2)

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