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。

怀疑CSS3的特殊性

1 个答案: