有什么不同? #header.h1 Vs:#header h1

时间:2009-06-28 18:40:43

标签: css

我正在尝试访问id为“header”的div中的h1元素。

我应该使用

#header h1

#header.h1

2 个答案:

答案 0 :(得分:16)

#header h1

表示“所有h1元素都是id为”header“的元素的后代(你可能想要这个)。

#header.h1

表示“具有id”标题的元素“也具有类名h1”(你绝对不希望这个)。

#header > h1

表示“所有h1元素都是具有id”header“的元素的直接子元素(即直接在其下面).IE6不支持这种类型的选择器。这个可能有用,但你可能想要第一个。

答案 1 :(得分:2)

#header h1

如果在意义之前添加点,则这是一个类名

帮助链接:

http://www.w3schools.com/CSS/css_syntax.asp