Welcome to the Treehouse Community

The Treehouse Community is a meeting place for developers, designers, and programmers of all backgrounds and skill levels to get support. Collaborate here on code errors or bugs that you need feedback on, or asking for an extra set of eyes on your latest project. Join thousands of Treehouse students and alumni in the community today. (Note: Only Treehouse students can comment or ask questions, but non-students are welcome to browse our conversations.)

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and a supportive community. Start your free trial today.

HTML Introduction to HTML and CSS Getting Familiar with HTML and CSS Test: Changing the Look of a Web Page

Change the color of H1 to purple without using quotes?

I'm still not able to complete this challenge.. slight frustrating now. The tutorial is not very clear.

index.html
<!doctype html>
<html>
  <head>
    <link href="styles.css" rel="stylesheet">
  </head>
  <body>

    <h1>class= "location"> Welcome to My Web Page!</h1>

  </body>
</html>
styles.css
.location
h1{color: purple;)

2 Answers

Benjamin Larson
Benjamin Larson
34,055 Points

Hi Jeremy,

I don't think the class declaration of location was necessary, but that seems to be where the problem is in your HTML. You closed the H1 tag before that class declaration, so if you remove the extra ">", you should be good to go.

Why did you put a class in the html? The challenge doesn't ask for that. If you do it, make sure that you are not having a space between the = and the ". Also make sure that the class is inside the h1 tag. you close yours and the class then hangs around alone.

In your CSS, make sure you use curly braces to open and close the object.

I would just remove that. Code checkers are kinda funky when it comes to extra code. You should pass with this:

<!doctype html>
<html>
  <head>
    <link href="styles.css" rel="stylesheet">
  </head>
  <body>

    <h1> Welcome to My Web Page!</h1>

  </body>
</html>
h1 {
color: purple;
}

If you want to use the classes, your html should look like this:

<h1 class="location"> Welcome to My Web Page!</h1>

In your CSS you always use the tag before the class or ID. While "h1" or ".location" would be fine, you can also use "h1.location" for more specificity.

h1 {
}

.location {
}

h1.location {
}