html - 正确使用CSS :not selector for excluding element when in particular container

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 {...}