CSS身体：第一个孩子
[英]CSS body:first-child
问题描述
有人可以向我解释为什么这不起作用？
<html>
<head>
<style>
body:first-child
{
color:#f00;
}
</style>
</head>
<body>
<div>I should be red.</div>
<div>This is not red.</div>
</body>
</html>
根据我的阅读，第一个子选择器应该从body标签中选择第一个div对象。 如果它没有选择div元素，它选择什么？
4 个解决方案
解决方案1
13 2012-08-22 19:33:39
:first-child body:first-child :first-child伪类body:first-child对body标签进行操作，因此如果你想让body的第一个孩子使用孩子 ，那么它的身体标签是其父母的第一个孩子将被选中选择
body > :first-child{
color:#f00;
}
这会给你身体的第一个孩子。
解决方案2
8 已采纳 2012-08-22 19:30:34
要定位第一个div，你需要做body div:first-child 。 现在（我假设）你只是选择了第一个孩子的身体。 （实际上我并不完全确定你现在正在选择什么 ，开始考虑它。我不认为first-child选择器可以直接挂在body标签上。）
body div:first-child {
color:#f00;
}
这个CSS将按照您的预期对其进行着色。 把它读成“身体第一个孩子的div”。
解决方案3
1 2012-08-22 19:35:07
你的CSS说的是选择任何BODY元素，它是其父元素的第一个子元素，它将是HTML元素。 BUt HEAD是第一个不是BODY的孩子。
至少我认为这是正确的:-)
解决方案4
0 2017-10-06 12:05:17
要定位body的第一个div ，你可以使用它，
body div:first-of-type {
/* style */
}
CSS第一胎和溢出
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.