css - 简单的 CSS 但不工作

Question

我在文章元素中有一个 H1。

我的 h1 的样式是这样的:

h1 {
    &:extend(.display1);

    border-bottom:solid 0.1rem @divider;
    color:@primaryText;
    margin-bottom:2.4rem;
    padding-bottom:0.7rem;
}

但是，我只想在 H1 不在文章中时应用此样式。我认为这将像这样简单地添加到 CSS 中:

*:not(article) h1 {
}

但是，这似乎对我不起作用，我一直摸不着头脑。是否可以？我的语法正确吗？ CSS 中是否还隐藏着其他东西？

感谢任何帮助。

Answer 1

是的，你可以使用这个:

h1 {
    color:blue;
    margin-bottom:2.4rem;
    padding-bottom:0.7rem;  
}

:not(article) > h1{ 
   color: green
}

http://codepen.io/anon/pen/zvKKqE?editors=110