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

bri*_*ian 5 css

我正在尝试访问id为"header"的div中的h1元素.

我应该用吗?

#header h1
Run Code Online (Sandbox Code Playgroud)

要么

#header.h1
Run Code Online (Sandbox Code Playgroud)

Mat*_*ges 16

#header h1
Run Code Online (Sandbox Code Playgroud)

意味着"所有h1元素都是具有id"标题"的元素的后代(你可能想要这个).

#header.h1
Run Code Online (Sandbox Code Playgroud)

意味着"具有id"标题的元素"也具有类名h1"(你绝对不希望这个).

#header > h1
Run Code Online (Sandbox Code Playgroud)

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