Почему мои классы CSS не имеют эффекта

Question

Почему я не могу изменить фон, когда ссылаюсь на таблицу стилей css, но работает нормально, когда выполняется непосредственно с цветом в встроенном стиле (т. Е. Только столбцы 1 и 4 меняют цвет фона)

<table> 
<tr> 
    <td bgcolor="#D6D6C2">Column 1</td> 
    <td class="releasetableheading">Column 2</td> 
    <td class=".releasetableheading">Column 3</td> 
    <td style="background-color:#D6D6C2">Column 4</td> 
</tr> 
</table> 

CSS

.releasetableheading { 
    background-color=#D6D6C2; 
} 

http://jsfiddle.net/ijabz/vnkqhz5h/ См для полного примера

Answer 1

Ваш синтаксис выключен. Используйте двоеточие вместо знака равенства и удалите период из объявления класса.

Обновлено Fiddle - http://jsfiddle.net/vnkqhz5h/1/

HTML:

<table> 
    <tr> 
    <td bgcolor="#D6D6C2">Column 1</td> 
    <td class="releasetableheading">Column 2</td> 
    <td class="releasetableheading">Column 3</td> 
    <td style="background-color:#D6D6C2">Column 4</td> 
    </tr> 
</table> 

CSS:

.releasetableheading { 
    background-color: #D6D6C2; 
} 

Обратите внимание, что bgcolor устарела и не должна использоваться, и вы должны использовать классы, а не встроенные стили всякий раз, когда возможное.

Answer 2

Вы не должны использовать атрибут BGColor, оно не поддерживается в HTML5. В HTML, вы просто определить свой класс таким образом:

<td class="myClass"></td> 

И вы можете определить уникальный идентификатор для HTML элемента таким образом

<td id="myId"></td> 

Тогда в вашем CSS, синтаксис должен быть написан в этом отношении:

.myClass{ 
    background-color: #000; 
    } 
#myId{ 
    background-color: #fff; 
} 

Суффикс для класса является точкой (.), а для id - хэштегом (#).

Вы всегда пишете свое свойство таким образом в CSS. "стоимость имущества".

Надеюсь, это помогло!