How to change the color of h1 tag in the challenge task 2 of 2 of HTML and CSS ?

Question

Where am I supposed to make a change in the code..?

index.html

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

    <h1 class: "tag">Welcome to My Web Page!</h1>

  </body>
</html>

styles.css

.tag {
  color: purple;
}

Answer 1 · 2017-01-19T05:21:52Z

January 19, 2017 5:21am

Hi Atul,

You're close, but you need to change a couple things. In the first task, you just needed to change <p> to <h1>. You don't need to add a class for either of the two exercises.

In your css, now you just need to select the h1 (instead of .tag) and your code will work.

Good luck!

Mike

Answer 2 · 2017-01-19T12:19:58Z

January 19, 2017 12:19pm

Hi Atul!

For this challenge, you have to apply the style to the <h1> tag. You don't have to give the h1 a class / an id to do this - you can style tags in the css by simply stating the tag type.

index.html

<h1>This is an H1</h1>

style.css

h1 {
color: purple; 
}

If you want to apply a class or an id to an element and style it, you can do so like this:

index.html

<div class="divClass">A div</div>
<div id="divId">Another div</div>

style.css

.divClass {
color: red; 
}

#divId {
color: green;
}

But you don't have to do this for this challenge. :)

Answer 3 · 2017-01-19T06:39:54Z

January 19, 2017 6:39am

Not sure which way is the right way for the exercise in question.. but from what you posted it looks like you are trying to use a class to change the color in the h1 tag. You can add classes to html elements like so:

<htmlThang class="className">blah blah some text here</htmlThang>

note that the className is the same as the name used in the CSS part, but without the . (dot)

Welcome to the Treehouse Community

Looking to learn something new?

Atul Varma

Atul Varma

How to change the color of h1 tag in the challenge task 2 of 2 of HTML and CSS ?

3 Answers

Mike Hickman

Mike Hickman

-- --

-- --

Darren Joy

Darren Joy