2013-04-10 42 views
2

我使用以下二类花H4标签:如何在使用不同的颜色

h4 { 
    color: #ffffff; 
} 

h4 .name { 
color: #cf3046; 
} 

我用下面的HTML

<h4 class="name">NAME</h4> 

NAME没有改变颜色为#cf3046但保持白色。我究竟做错了什么?

谢谢。

+1

摆脱'h4'和'.name'之间的空间 – 2013-04-10 21:06:28

+0

小空间沟通的是'H4'元素和'name'类的元素。这就像'煎饼'和'平底锅和蛋糕'的区别。如果没有这个空间,你就会说'H4'元素具有'name'类。 – 2013-04-10 21:08:10

回答

4
h4.name { 
    color: #cf3046; 
} 

h4和.name之间应该没有空格,因为它们引用的是相同的元素。

+0

我试过了,颜色仍然是白色的。 – 2013-04-10 21:50:24

+0

然后你有其他规则覆盖它,或者你的CSS文件没有链接,或者一些拼写错误。 – dezman 2013-04-10 21:53:09

+0

我解决了这个问题。我只是将样式移至另一个现有样式表。这两个样式表都是链接的,所以应该将它添加到哪个样式表中? – 2013-04-10 22:02:44