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 jamie paterson
.a{fill-rule:evenodd;}techdegree
jamie paterson
Front End Web Development Techdegree Student 155 Points

in the css file create a rule around .main-pg

just said it

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
}
Rainbow Walker
Rainbow Walker
8,347 Points
Rainbow Walker
Rainbow Walker
8,347 Points

I don't understand your question, could you please explain a little bit more what you need help with?

But the code in styles.css should look like this:

.main-pg {
 /* HERE COMES THE CSS SPECIFICATION */
}

2 Answers

Adilson Adao Capaia
Adilson Adao Capaia
15,440 Points
Adilson Adao Capaia
Adilson Adao Capaia
15,440 Points

Hi, jamie paterson If you need to create a rule in the CSS file around .main-pg is simple. try this. .main-pg is a classe in the <p class="main-page"> </p> tag. He demand you to write code to change anything in the <p> tag, but with the class main-pg. Then in the CSS file you need to do this

.main-pg { /* this a comment : you could try to change the color of the text in the <p> tag , just bellow the comment */

   color: red;

}