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 trialJonathan Endersby
9,807 PointsStyling 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...
<!doctype html>
<html>
<head>
<link href="styles.css" rel="stylesheet">
</head>
<body>
<p class="main-pg">My amazing website</p>
</body>
</html>
.main-pg {
border: 4px || solid || red;
}
2 Answers
Nejc Vukovic
Full Stack JavaScript Techdegree Graduate 51,574 PointsHi.
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
41,751 PointsYou don't add double pipe to separate the values instead you use blank spaces.
Like this:
.main-pg {
border: 4px solid red;
}
Jonathan Endersby
9,807 PointsJonathan Endersby
9,807 PointsThank You.