CSS ID和类选择器

Question

这两个CSS选择器意味着什么？

h1#myItemOne h2
{
    background:#0099FF;
    color: #A3F4A3;
}

h1.myItemTwo  h2
{ 
    background:#0099FF;
    color: #A3F4A3;
}

这两个选择器是否有效？

Answer 1

第一个匹配h2元素,该元素是具有id的h1元素的子后代myItemOne

例:

<h1 id="myItemOne">
    <h2>Me!</h2>
</h2>

第二个匹配h2元素,该元素是具有该类的h1元素的子后代 myItemTwo

例:

<h1 class="myItemTwo">
    <h2>Me!</h2>
</h2>

它们都是有效的.主要区别在于id应该是唯一的.班级没有这个要求.

参考:http://www.w3.org/TR/CSS2/selector.html