CSS类，优先顺序

Question

我偶然发现了CSS问题，我不明白。 我有一个在元素上有一些样式的父类，以及一个关于元素本身的类，在我看来，它应该覆盖父类，但它没有：

<div class="parent">
    <p>Regular Paragraph</p>
    <p class="note">Note paragraph</p>
</div>

CSS

.parent p {
    font-size: 1.5em;
}
.note {
    font-size: 90%;
}

我不喜欢使用ID而不是课程，我不想拥有重要的东西！我风格的任何地方。我知道我可以使用＆＃34; div＆＃34;而不是＆＃34; p＆＃34;在这种情况下解决问题。但我试着弄清楚为什么优先级会这样运作。

Answer 1

指定元素以及类将使选择器优先于父定义。请尝试设置p.note {。

http://jsfiddle.net/3zfoqtd4/

Answer 2

我想你可以用

.parent .note {

}

应用你的造型。