Css 为什么不工作？

我正在处理一些CSS，想知道为什么下面的部分不起作用：

.container:not(#topic-title>.container)

---

还有其他方法可以达到同样的效果吗？我对JavaScript解决方案持开放态度。

您可以使用此选择器：

:not(#topic-title) > .container

.container{
高度：20px；
}
：not（#主题标题）>。容器{
背景：绿色；
}

家长#主题标题
家长不#主题标题

您可以使用此选择器：

:not(#topic-title) > .container

.container{
高度：20px；
}
：not（#主题标题）>。容器{
背景：绿色；
}

家长#主题标题
家长不#主题标题
这里有一个带有
背景色的示例，一个
边距
示例类似。想法：设置一个默认的页面宽度，然后在不需要的情况下取消


.container{
背景色：红色；
}
#主题标题>.container{
背景色：继承；
}

A.
B
C
这里有一个带有
背景色的例子，一个
边距
的例子是类似的。想法：设置一个默认的页面宽度，然后在不需要的情况下取消


.container{
背景色：红色；
}
#主题标题>.container{
背景色：继承；
}

A.
B
C
查看
：not
伪类：（粗体是我的）

否定伪类，
：not（X）
，是一种函数表示法，采用a
简单选择器（不包括否定伪类本身）作为
争论

在哪里

A simple selector is either a type selector, universal selector, 
attribute selector, class selector, ID selector, or pseudo-class. 

因此
#a>.b
不是一个简单的选择器，这就是为什么选择器
.b:not（#a>.b）
不起作用。
看看
:not
伪类：（粗体是我的）

否定伪类，
：not（X）
，是一种函数表示法，采用a
简单选择器（不包括否定伪类本身）作为
争论

在哪里

A simple selector is either a type selector, universal selector, 
attribute selector, class selector, ID selector, or pseudo-class. 

因此
#a>.b
不是一个简单的选择器，这就是为什么选择器
.b:not（#a>.b）
不起作用。
你想实现什么？@RahulDesai我试图设计一个不是其他元素的子元素的样式。CSS选择器永远不能“向上”（即，一旦你下降到子元素，就返回到父元素）。您的选择器询问“一个不包含主题标题的容器，其子容器中有另一个容器”，这可能不是您想要的。你能发布你想要的完整CSS规则吗？更好的是，制作小提琴或类似的东西？在CSS中，你只能处理孩子和兄弟姐妹，不能处理父母。@Amadan：我对选择器的理解有点不同：“一个容器，它不是主题标题的子容器。”根据公认的答案，我相信这就是提问者的意图。你想达到什么目的？@RahulDesai我试图设计一个不是另一个孩子的元素。CSS选择器永远不能“向上”（即，一旦你降为孩子，就返回到父元素）。您的选择器询问“一个不包含主题标题的容器，其子容器中有另一个容器”，这可能不是您想要的。你能发布你想要的完整CSS规则吗？更好的是，制作小提琴或类似的东西？在CSS中，你只能处理孩子和兄弟姐妹，不能处理父母。@Amadan：我对选择器的理解有点不同：“一个容器，它不是主题标题的子容器。”根据公认的答案，我相信这正是提问者的意图。
div
在这里不需要，因为没有指定任何元素，id可以在一个部分、main、div、span、li等等上<代码>：not（#topic title）>。container
匹配任何元素（以及使用通用选择器
*：not（#topic title）>。container
）@FelipeAls您是对的，最好是让更多读者阅读。更新answer@FelipeAls
div
在我的例子中是正确的，但您也有一个好的观点。
div
在这里是不需要的，因为没有指定任何元素，id可以在节、main、div、span、li上<代码>：not（#topic title）>。container
匹配任何元素（以及使用通用选择器
*：not（#topic title）>。container
）@FelipeAls您是对的，最好是让更多读者阅读。更新answer@FelipeAls
div
对我来说是正确的，但你也有一个很好的观点。