фона проблема с HTML и CSS

Question

У меня есть это как HTML:

<div id="subNav" class="lib"><a href="./?c=library&amp;page=1">A Page</a> &nbsp;|&nbsp; 
    <a href="./?c=library&amp;page=2">Another Page</a> &nbsp;|&nbsp; 
    <a href="./?c=library&amp;page=3">Third Item</a> 
    </div> 

И это, как CSS, связанные с ним:

/*** SubNav styles ***/ 

#subNav { 
    position: relative; 
    top: -38px; 
    right: -356px; 
    /* background: #f39327; */ 
    width: 380px; 
    height: 22px; 
    font-size: 18px; 
    color: #ffffff; 
    font-weight: normal; 
    text-align: right; 
    vertical-align: middle; 
    display: table; 
    display: table-cell; 
    line-height: 22px; 
    /* border: 2px solid #f39327; */ 
    border-radius: 0 0 0 9px; 
    padding-right: 60px; 
} 

#subNav a:link, #subNav a:visited { 
    color: #ffffff; 
    text-decoration: none; 
} 

#subnav.lib { 
    background: #f39327; 
} 

#subNav.lib a:hover, #subNav.lib a:active { 
    color: #efefef; 
    text-decoration: none; 
} 

Если у меня цвет фона subNav набор в #subNav он отлично работает. Но когда я пытаюсь установить его в части .lib, это не так. Я не хочу, чтобы он был настроен на один конкретный цвет, так как я хочу, чтобы функция subNav меняла цвет в зависимости от класса, так как другие части сайта имеют другие цветовые темы. Почему он не работает в настройках класса, и что мне нужно сделать, чтобы просто заставить его работать таким образом?

Answer 1

CSS чувствителен к регистру.

CSS не зависит от регистра во всех вопросах, находящихся под его контролем; однако некоторые вещи, такие как язык разметки документа, находятся вне его контроля. HTML нечувствителен к регистру в большинстве случаев, за исключением случаев, когда речь идет о некоторых значениях атрибутов, таких как атрибуты id и class. XHTML, являющийся XML, всегда чувствителен к регистру.

Вы должны изменить #subnav.lib к #subNav.lib так что ваш окончательный код выглядит следующим образом

#subNav.lib { 
    background: #f39327; 
}