Html 对CSS3特异性的质疑

Html 对CSS3特异性的质疑,html,css,css-specificity,Html,Css,Css Specificity,我不明白,即使我已经研究了我下面的CSS规则为什么不被应用的特殊性 CSS 这里是我的HTML: <div class="row topbar"> <div class="col-md-10 col-md-offset-1"> <div class="row"> <!-- logo and text --> <div class="col-md-4">

我不明白,即使我已经研究了我下面的CSS规则为什么不被应用的特殊性

CSS

这里是我的HTML:

<div class="row topbar">
    <div class="col-md-10 col-md-offset-1">
        <div class="row">
            <!-- logo and text -->
            <div class="col-md-4">
                <img class="img-responsive" src="assets/img/bnpp-logo.png"></img> <p>PROVA</p>
            </div>
            <div class="col-md-4">
            </div>
            <div class="col-md-4">

            </div>
        </div>

    </div>
</div>

普罗瓦

在这种情况下,我们有两条规则可以影响它: .body、.topbar p


第一个有特异性0001,第二个有特异性0011。。。为什么应用正文规则?

已解决

名称空间是一件愚蠢的事情。 我的scss文件是错误的,我是从这个来源生成字体的

.class {
 fonts: 
 {
    family....
 }
}
显然,正确的答案是:

 font: {
    family: etc;
    size: etc;
  }

字体是正确的名称空间。

topbar p的css无效。我想这就是为什么它不适用的原因。为什么?我有topper类,并且嵌套了元素…尝试使用字体系列而不是字体字体系列等。例如,我的意思是它是生成错误的grrrr:)这是避免使用不必要的工具的另一个原因,例如CSS预处理器,错误消息差,可过滤性差。如果您必须查看它生成的CSS以确定它是否做了正确的事情,那么重点是什么?这就像使用一个C编译器,除非查看它生成的汇编代码,否则无法信任或调试它。顺便说一下,通过查看样式检查器,可以很容易地调试此问题。很可能您会看到
字体系列
属性标记为错误,并报告为“未知属性”。这是真的:)@torazaburo您认为SASS不好吗?我认为它是不必要的,并且可能有害。
 font: {
    family: etc;
    size: etc;
  }