Confused about "child" elements


#1

I'm trying to understand how CSS reads the different "child" elements, but I'm not understanding how it all works.
For example, in Lesson 18, instruction 3, it says "Set the first link to the color #CDBE70. (Remember: in this case, the first link also happens to be the first child of the body element.)"

The HTML code looks like this:

<!DOCTYPE html>
<html>
	<head>
		<link type="text/css" rel="stylesheet" href="stylesheet.css"/>
		<title>Result</title>
	</head>
	<body>
		<!--Add your HTML below!-->
		<a href="http://example.com>My link</a>
        <a href="http://example.com>My 2nd link</a>
        <a href="http://example.com>My 3rd link</a>
	</body>
</html>

Wouldn't the "first child" be <link type="text/css" rel="stylesheet" href="stylesheet.css"/>?
Why isn't it?

Sorry I know this question is confusing


#2

after example.com there should be quotation mark: (in all 3 links)

example.com" <-- you miss a " here

no, nth-child goes for elements inside body, link is also a term we use to describe <a></a>, not to confuse with a link to stylesheet


#3

The <link> tag is inside the <head> tag, not the <body>, hence the message "...Remember: in this case, the first link also happens to be the first child of the body element...."(emphasis added :D. )
Ta-da!