html - CSS3 选择器问题

Question

我正在为我的投资组合网站创建我的联系页面，但我在选择器方面遇到了一些问题。我对 HTML 和 CSS 都有很好的知识基础。我现在正在过渡到 HTML5/CSS3。

我在对页面上的 h2 进行任何修改时遇到问题。似乎当我尝试在 CSS 中定位 h2 时，它没有进行任何更改。我是否遗漏了一些需要添加的东西，因为它使用的是 HTML5 元素？或者我只是没有对元素使用正确的 DOM 来进行更改？任何帮助，将不胜感激。

<!-- HTML5 -->
<section>
    <h2 class="pages">Contact</h2>
<article>
</article>
</section>

<!-- CSS3 -->
section h2 .pages
{

}

Answer 1

jsFiddle here.

---

你的选择器有点不对，改用这个:

section h2.pages {
  color:red;
}

编辑:

与评论相关的文件:

http://www.speedyshare.com/2eSXY/contact.php

http://www.speedyshare.com/Z5exc/screen.css.css