Child Selectors question

Question

I am working through the code challenge for the second part on beginner selectors and the first question asks you to use a Child Selector to select the anchor element that is a direct child of the div. Set its color to green and the font weight to bold.

Here is the HTML code that they are refering to:

 <body>
<h1>Lorem ipsum dolor sit</h1>
<div>
    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc pulvinar consequat tortor, nec venenatis erat elementum scelerisque. Curabitur sit amet risus nisi. Aenean aliquet euismod augue at viverra. Ut varius arcu in <a href="#" title="foo">lorem iaculis ullamcorper</a>.</p>
    <h2>Donec tempor sodales</h2>
    <p>Sed tincidunt rutrum enim, vitae pharetra justo suscipit a. Nam eu egestas risus. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Nam tempor, augue quis.</p>
    <a href="#">Donec eget lorem id nisi vehicula...</a>
    <p>Sed sit amet nulla elit, vel lacinia nisi. Donec eget lorem id nisi vehicula auctor id et dui. Etiam aliquet aliquet sem in rutrum. Cras posuere pharetra sem vitae egestas.</p>
</div>

</body>

My first response was to say that the p element was the direct child. Isnt that correct?

Answer 1 · 2013-08-16T19:29:35Z

August 16, 2013 7:29pm

Hey Alex,

While the paragraph is the first element in that div, it is not the only direct child. The question you are referring to is asking you to target the anchor tags in that are children of that div. Your CSS will be same as if you were selecting the paragraph tags, just use the anchor selector instead.

For example if you wanted to select all the children elements that where images, your CSS would look like:

div img { CSS RULES }

Welcome to the Treehouse Community

Looking to learn something new?

alex mattingley

alex mattingley

Child Selectors question

1 Answer

David Lane

David Lane

alex mattingley

alex mattingley