css - 如何强制字体在 css 树下？

Question

我有一种情况似乎无法用 CSS 解决。我有一个侧边栏类别菜单，我希望它是某种字体。但是其他内容在侧边栏中时是标准字体。问题是 div 结构看起来像这样。...

<div class="col-left sidebar">
  <div id"sidebar-nav" class"block sidebar-nav-left codnitiveSidenavLeft">
    <div class="block-title">..</div>
      <div class="block-content">

现在发生的事情是 block-content 在 css 中有一个字体值，它是普通字体。当它不在类“block sidebar-nav-left coditiveSidenameLeft”下时，那很好......当它在类下时“block sidebar-nav-left coditiveSidenameLeft”类，然后我想使用一种名为 destroyregular 的特殊字体。这是我在 css 中的内容。

.block .block-content {
    padding: 5%;
    font-family: 'Lato',sans-serif;
    /*font-family: "destroyregular";*/
    font-size: 100%;
    font: bold 12px Arial, sans-serif;
    color: #FFFFFF;
    text-transform: uppercase;
}


 #sidebar-nav.block.sidebar-nav-left.codnitiveSidenavLeft
 {
    padding: 5%;
    font-family: "destroyregular" !important;
    font-size: 100%;
    /*font: bold 12px Arial, sans-serif;*/
    color: #E6E6E6;
    text-transform: uppercase;
}

虽然容器类“block sidebar-nav-left coditiveSidenameLeft”确实有 destroyregular 字体，但它被 block-content 覆盖了。只有当 destroyregular 字体在它下面时，我怎样才能强制将 destroyregular 字体缩小到 block-content ？

提前致谢..

--更正了 div 中的拼写错误...side-nav 已更正为 sidebar-nav 抱歉..--更正错别字 #2!!啊……#sidebar-nav.block.sidebar-nav-left codnitiveSidenavLeft

-肯

Answer 1

将侧边栏和 .block-content 更改为:

  #side-nav
     {
        padding: 5%;
        font-family: "destroyregular", Arial, sans-serif;
        font-size: 12px;
        font-weight: bold;
        color: #E6E6E6;
        text-transform: uppercase;
    }

   .block-content {
        padding: 5%;
        font-family: 'Lato', Arial, sans-serif;
        font-size: 12px;
        font-weight: bold;
        color: #FFFFFF;
        text-transform: uppercase;
    }