div с классом не распознает стили css

Question

Я создал новый div и разместил внутри. Затем я пошел в таблицу стилей и создал соответствующие стили. Когда я иду для обновления страницы и проверки элемента, div не тянет стили из стили. Помогите, потому что это действительно расстраивает.

вот HTML

<div class="2columnlayout"> 
     <div id="managecontent1"> 
      <img src="img/wordpress-logo.png" /> 
      <p>Wordpress</p> 
     </div> 
     <div id="managecontent2"> 
      <img src="img/filezillaicon.png" /> 
      <p>F.T.P.</p> 
     </div> 
    </div> 

и вот соответствующий CSS, что он не признает

.2columnlayout{ 
text-align: center; 
font-size: 24px; 
font-weight: 300; 
margin-top: 90px; 

}

Answer 1

Написать так:

.columnlayout2 

вместо

.2columnlayout 

потому что CSS не признал Class & ID которые начинаются с числовым номером.

Answer 2

Занятия могут начинаться не с номера. Вместо этого переименуйте его на что-то вроде twocolumnlayout.

Answer 3

попробуйте это.

<div class="columnlayout"> 
     <div id="managecontent1"> 
      <img src="img/wordpress-logo.png" /> 
      <p>Wordpress</p> 
     </div> 
     <div id="managecontent2"> 
      <img src="img/filezillaicon.png" /> 
      <p>F.T.P.</p> 
     </div> 
    </div> 

таблица стилей:

.columnlayout div p{ 
text-align: center; 
font-size: 24px; 
font-weight: 300; 
margin-top: 90px; 
} 

Answer 4

syntax rules из CSS запретить идентификатор, который начинается с цифры, такие как 2columnlayout, поэтому селектор в правиле является недействительным, и вся правило, таким образом, игнорируется ,

Как предлагается в других ответах, вы можете избежать этой проблемы, используя имя класса, которое начинается с буквы. Это обычно лучше всего, когда это применимо.

Однако имя класса может начинаться с цифры (ограничение в синтаксисе CSS, а не в HTML синтаксиса), и если вы не можете изменить имя класса, вы можете использовать escape notation для цифры. Здесь вы могли бы заменить цифру 2 на \32  (обратные косой чертой, цифра три, цифра два, пространство), побег нотация на основе количества кода Unicode (32 в шестнадцатеричном) цифрах:

.\32 columnlayout { 
    /* declarations here */ 
}