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 Christina Power
Christina Power
888 Points

I'm not too sure what the question is asking. Is creating a rule not adding h3 {} or similar?

I thought by changing <p> to <h2> and then adding h2 { color: blue; } into the styles.css would work?

Could you please define what kind of rules is being asked here :)

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 
 {
  color: blue;
  letter-spacing: 5px;
}

2 Answers

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

You are being asked to create an empty rule that targets .main-pg. You may be making this too complex.

Krystal Smith-Moore
Krystal Smith-Moore
4,881 Points
Krystal Smith-Moore
Krystal Smith-Moore
4,881 Points

You have one of the steps correct by adding the class to the paragraph element in the .html file. Now you need to do something in your .css file that makes sure the classes match so it renders in the browser.