как заставить шрифт вниз по дереву 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"> 

Теперь то, что происходит в том, что блок-контент имеет значение шрифта в CSS, который является обычным шрифтом .. когда он не находится под классом «блок боковой панель-нав левый coditiveSidenameLeft» то, что отлично. Когда он находится под классом 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; 
} 

В то время как класс контейнера «блок боковая панель-нав левый coditiveSidenameLeft» не имеет destroyregular шрифта, он переопределяется блок-контент .. как я могу заставить destroyregular шрифта вниз к блок-контенту, только если это под ним?

Заранее спасибо ..

--Corrected опечатка в DIV ... бок нав была исправлена ​​на врезке-нав извините .. --Corrected опечатка # 2 !! Arrgh .. # боковая панель-nav.block.sidebar-нав левый codnitiveSidenavLeft

Кен

Answer 1

Этот селектор:

#sidebar-nav.block.sidebar-nav-left.codnitiveSidenavLeft 

ли ничего не выбрать в этом HTML фрагмент кода вы вывесили. Идентификаторы и имена классов не совпадают.

UPDATE: с исправленным селектором то, что происходит сейчас, заключается в том, что шрифт destroyregular применяется с очень высокой специфичностью к блоку .block-content не наследует его по сравнению с чем-то определенным для .block-content jsut, потому что родитель имеет высокую специфичность. Так я бы сделал это, тот же HTML и добавил этот CSS:

#sidebar-nav.block.sidebar-nav-left.codnitiveSidenavLeft .block-content { 
    font-family: "destroyregular"; 
} 

Это не оптимально. Я думаю, что это слишком много. И, вероятно, вы можете избавиться от определения шрифта на другом (превышенном) селекторе и перенести его на него, но это зависит от того, что вам действительно нужно.

Answer 2

Изменение боковой панели и .block-контент к этому:

#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; 
    }