Atom markdown 预览样式设置里 css 选择器为什么用两个同样的 class？

Question

Atom 自带的 Markdown Preview package 插件可以自定义样式，但是为什么示例和实际中必须这样：

.markdown-preview.markdown-preview {
  background-color: #444; 
}

要选中的是 div[class="markdown-preview native-key-bindings"]，但是为什么得写两遍 .markdown-preview？
我试了 .markdown-preview 不可以，但是 .markdown-preview.native-key-bindings 和 .native-key-bindings.native-key-bindings 也是可以的。

另外贵站的编辑器和预览中代码注释里的中文显示宋体啊！（在 Firefox 和 Edge 中都是）
monospace 会选择宋体。

Answer 1

因为这样做可以不被之后的 .markdown-preview { … } 覆盖掉