正确使用CSS:不是在特定容器中排除元素的选择器

Question

我正在构建一系列页面,其中我无法控制其标记,并且它呈现出一些独特的挑战.这些样式基于我给出的设计模型,因此有一些实例 - 例如 - h2元素必须与其他特定h2元素看起来不同才能遵守设计.

目前,我正在尝试应用一些应该影响大多数 h2元素的样式,而不是使用类"block"出现在div中的h2元素.在这种情况下,CSS选择器将如何显示？我出去尝试了这个,但是假设它不太正确是正确的.

h2:not(.block h2) {
   ~styling for main h2 elements~
}
.block h2 {
  ~separate styling for h2 elements within .block div~
}

有人可以解释一下吗？谢谢!

Answer 1

你可以试试这个:

h2 {...}

.block h2 {...}