<style> .h1 { color: green; } </style> <h1>Nick Pettit</h1> i cant pass challenge task 3 of 3

there are several kinds of basic CSS selectors: tag selectors, class selectors and id selectors.

This rule will select all h1 tags on the page:

h1 {

}

This rule will select all elements on the page that have a class attribute of class="first":

.first {

}

This rule will select all elements on the page that have an id attribute of id="new":

#id {

}

So, as you can see, you can tell if a selector is a class selector by a dot or period, and an id selector by a # sign.

h1 is a tag, so you need a tag selector in your CSS, not a class selector:

  h1 {
    color: green;
  }

The period in front of h1, .h1, makes it a class selector.

When you choose a tag like a button, h1, img; You just name it in the css for the reference like this

h1 {
    color: green;
  }

.h1 mean you are selecting a class with a name h1, it will look like this

<h1 class="h1">Bla Bla Bla</h1>

.h1 {  /* . syntax for a class selector
    color: green;
  }

If its an ID selector

<h1 id="h1">Bla Bla Bla</h1>

#h1 {
    color: green; /* use # syntax for id selector
  }

Correct. But you would not want to use tag names like h1 in class or id attributes. Very confusing. Probably wouldn't pass verification. Not good style. But you have the idea.

Ya I was just trying to demonstrate that by adding just a different symbol('#', '.'), everything changes !!