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

Jonathan Endersby
Jonathan Endersby
9,807 Points
Posted by Jonathan Endersby
Jonathan Endersby
9,807 Points

Styling by element and class

Can someone explain how this is incorrect? The task is to make the border 4px wide, solid and the colour red...

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 {
  border: 4px || solid || red;
}

2 Answers

Nejc Vukovic
.a{fill-rule:evenodd;}techdegree seal-36
Nejc Vukovic
Full Stack JavaScript Techdegree Graduate 51,574 Points

Hi.

Your styles should be:

.main-pg {
  border: 4px solid red;
}

The || is a logical operator for example PHP and JavaScript / programming languages. CSS doesn't have a logical operator for || -> "or".

Best, Nejc

Steven Ang
Steven Ang
41,751 Points
Steven Ang
Steven Ang
41,751 Points

You don't add double pipe to separate the values instead you use blank spaces.

Like this:

.main-pg {
  border: 4px solid red;
}