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 Avery Pierce
Avery Pierce
1,869 Points

Can anyone help with this code?

I would like to know abut the css in this code. I have placed it in the curly brackets but I do not receive the right message. Can anyone help?

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;}

2 Answers

KRIS NIKOLAISEN
KRIS NIKOLAISEN
54,971 Points
KRIS NIKOLAISEN
KRIS NIKOLAISEN
54,971 Points

The brackets come after the selector like this

.main-pg {
}
Em Har
Em Har
9,775 Points
Em Har
Em Har
9,775 Points

Anytime you are creating a css selector make sure to place it before the brackets. When creating a selector to grab a class it will always be with the "." and then it's class name. However, for future reference, creating a selector with an ID you will instead use the # sign instead. To answer your question, do this instead.

.main-pg {

}