Sign Up to our social questions and Answers Engine to ask questions, answer people’s questions, and connect with other people.
Login to our social questions & Answers Engine to ask questions answer people’s questions & connect with other people.
Lost your password? Please enter your email address. You will receive a link and will create a new password via email.
Please briefly explain why you feel this question should be reported.
Please briefly explain why you feel this answer should be reported.
Please briefly explain why you feel this user should be reported.
Can someone explain to me why this doesn’t work?
<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>
From what I’ve read, the first-child selector should select the first div object from the body tag. If it’s not selecting the div element, what is it selecting?
To target the first div, you need to do
body div:first-child. Right now (I assume) you’re just selecting the first-child body. (Actually I’m not entirely sure what you’re selecting right now, come to think of it. I don’t think thefirst-childselector is valid to hang directly on the body tag.)This CSS will color it as you expect. Read it as “the div that is the first child of body.”