Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

CSS CSS Foundations Selectors Type, Class, and ID Selectors

Posted by MUZ140075 Melody A. Nyatsine
MUZ140075 Melody A. Nyatsine
6,052 Points

challenge1 1; task 3

select the em inside the paragraph using a descendant selector. set its color to red

index.html 
<!DOCTYPE html>
<html>
<head>
    <title>CSS Selectors</title>
    <link rel="stylesheet" href="cc1-main-styles.css" type="text/css" media="screen">
    <link rel="stylesheet" href="style.css" type="text/css" media="screen">
</head>
<body>
    <h1><em>Hello</em> World!</h1>
    <div>
        <p>
            <em>Lorem ipsum dolor</em> 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 lorem iaculis ullamcorper. Integer eu rutrum quam.
    <color: red;
    </p>

    </div>
</body>
</html>
style.css 
/* Complete the challenge by writing CSS below */
body {
  background: lightblue;
}
h1 {
 color: darkblue;
}

3 Answers

Ryan Henness
Ryan Henness
9,911 Points
Ryan Henness
Ryan Henness
9,911 Points

I believe this is the code that you are looking for:

p em{
  color:red;
}
tuukka uosukainen
tuukka uosukainen
22,107 Points
tuukka uosukainen
tuukka uosukainen
22,107 Points

You have to take your selector out of the html file and use what Ryan Henness suggested in your css file.

If you want to use css in your html you have to wrap it in <style></tags> tags.

Hope this helps.

tuukka uosukainen
tuukka uosukainen
22,107 Points
tuukka uosukainen
tuukka uosukainen
22,107 Points

You can also write css as inline styles but in this challenge it wasn't the case.

Here's link about the inline styles: http://www.w3schools.com/css/tryit.asp?filename=trycss_howto_inline