CSS 不识别类答案

【问题标题】：CSS not recognising classesCSS 不识别类
【发布时间】：2011-11-25 10:08:27
【问题描述】：

我觉得这个问题有点傻，因为答案肯定是显而易见的。我在 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;}

【问题讨论】：

【解决方案1】：

把css改成：

h3.contact-heading { .... }

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

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

【讨论】：

【解决方案2】：

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

如果您将选择器更改为h3.contact-heading，它将选择具有.contact-heading 类的<h3> 元素。

请记住不要在 h3 和 .contact-heading 之间放置空格，否则您正在更改选择器 :)

【讨论】：