对CSS3特殊性的质疑

Question

即使我研究了为什么不应用下面的 CSS 规则的特殊性，我也不明白。

CSS

    body {
  font-family: 'BNPSans', Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: black; }

/** 
    Navbars
*/
.navbar#brandbar {
  min-height: 38px; }
  .navbar#brandbar .navbar-toggle {
    margin-top: 2px;
    margin-bottom: 2px; }
    .navbar#brandbar .navbar-toggle .icon-bar {
      background-color: white; }
  .navbar#brandbar .navbar-nav li a {
    font-family: 'BNPRounded', Arial, Helvetica, sans-serif;
    opacity: 1;
    text-transform: uppercase;
    text-decoration: none;
    font-size: 11px;
    font-weight: 700;
    line-height: 27px;
    text-decoration: none; }
  .navbar#brandbar .brand-menus {
    margin-right: 50px; }
  .navbar#brandbar .brand-textsize {
    border-left: 1px solid #008754; }
    .navbar#brandbar .brand-textsize li {
      border-right: 1px solid #008754; }
  .navbar#brandbar .navbar-header a.navbar-brand {
    text-transform: uppercase;
    margin: 0 0 0 50px;
    color: #000 !important;
    font-size: 11px;
    font-weight: 700;
    line-height: 27px; }
    .navbar#brandbar .navbar-header a.navbar-brand strong {
      color: #bfe5d7;
      margin: 0 0 0 5px; }

.topbar p {
  fonts-font-family: 'BNPPSans', Arial, Helvetica, sans-serif;
  fonts-opacity: 1;
  fonts-font-size: 52px;
  fonts-color: #7c7c7c; }

这里是我的 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 ... 为什么要应用主体规则？

Answer 1

解决了

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

.class {
 fonts: 
 {
    family....
 }
}

显然正确的是：

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

字体是正确的 NAMESPACE。