我觉得有点傻,因为答案肯定是显而易见的。我在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;}
答案 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之间添加空格,或者更改选择器:)