Beginner-Why doesn't this work?

HTML & CSS
1

I can’t get any of my class or id’s to work. The h3 works fine.

Here is my CSS:

.hard {color: red;}

#simple {background-color: blue;}

#topic {font-weight: 500;}

h3 {background-color: green;}

Here is my html:

<!DOCTYPE html>
<html>
<head>
	 <title>Test</title>
	 <link rel="stylesheet" href="styles.css" />	 
</head>

<body>
<div>

  <h3 class=”hard”> Hi </h3>

  <ul>
		<li>Guitar</li>
		<li>Bass</li>
	</ul>

  <p id=”topic”> Music </p>

  <p> Welcome  to  <span> Guitar-Gps </span> </p>

  <div id=”simple” class=”hard”> Beginner Lessons

         <h3> Chords </h3>

            <ul> 
            <li>Open Position </li>
            <li> Barre Chords </li>
            </ul>

		<h3> Scales </h3>

            <ul> 
            <li>Major </li>
            <li>Pentatonic</li>
            </ul>

  </div>

</body>
</html>
2

Could it be that your attributes are enclosed in curly quotes, not straight ones?

2 Likes
3

Thanks, Sam! That was it.

4

This topic was automatically closed 91 days after the last reply. New replies are no longer allowed.