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

HTML Introduction to HTML and CSS (2016) Make It Beautiful With CSS Test: Styling by Element and Class

Posted by Lauren Sithole Gadyadza
Lauren Sithole Gadyadza
6,659 Points

I am failing to understand the question and also to answer it

in the css file, create a rule for the .main-pg class. You don't need to write any style instructions yet.

index.html 
<!doctype html>
<html>
  <head>
    <link href="styles.css" rel="stylesheet">
  </head>
  <body>

    <p class="main-pg">My amazing website</p>

  </body>
</html>
styles.css 
. "main-pg" class

3 Answers

Brendan Whiting
seal-mask
.a{fill-rule:evenodd;}techdegree seal-36
Brendan Whiting
Front End Web Development Techdegree Graduate 84,738 Points
Brendan Whiting
.a{fill-rule:evenodd;}techdegree seal-36
Brendan Whiting
Front End Web Development Techdegree Graduate 84,738 Points

I don't want to give away the answer. Here is some documentation on the CSS class selector.

  • the dot should be right next to the class name, no space
  • the class name shouldn't be in quotes
  • you need to open a block with curly braces {}
  • you don't need the class keyword here
Lauren Sithole Gadyadza
Lauren Sithole Gadyadza
6,659 Points

Thank you for the much clearer explanations

Roberto Rivera
Roberto Rivera
10,832 Points
Roberto Rivera
Roberto Rivera
10,832 Points

The .main doesn't need {} borders or brackets does it? Cause the video shows it in the workspaces.