CSS无法识别类

时间:2011-11-25 10:08:27

标签: html css class

我觉得有点傻,因为答案肯定是显而易见的。我在WP模板上设置了一个带有类的h3标签,但由于某种原因,标头标签被选为默认设置,但是类不是,我无法理解为什么。

HTML:

<h3 class="contact-heading">Get in Touch</h3>

CSS:

.contact-heading h3{color: #3C0; font: 2.0em Verdana, Geneva, sans-serif;font-weight:    
normal;letter-spacing: 5px; text-transform:uppercase;} 

2 个答案:

答案 0 :(得分:5)

将css更改为:

h3.contact-heading { .... }

.contact-heading h3表示“将这些样式应用于具有类h3的元素内的所有contact_heading元素”

h3.contact-heading表示“将这些样式应用于具有类h3”的所有contact_heading元素

答案 1 :(得分:1)

选择器.contact-heading h3将选择具有类<h3>的元素中的任何.contact-heading元素。

如果您将选择器更改为h3.contact-heading,则会选择具有类<h3>的{​​{1}}元素。

请记住,不要在h3和.contact-heading之间添加空格,或者更改选择器:)