Putting it all together error exercise #13


#1


Exercise #13 Putting it all together


The program does not recognize my usage of the h2 class id="intro". I have inserted the correct text into both the html file and the css file, and oddly h2 completely refuses to change colors. It places an error:
Oops, try again. Did you remember to set #intro's color to #B83C3A?

I have tried refreshing the page. I have even tried other ways of placing h2 in the css file. Oddly, even if I call h2 directly, using h2 { color=#b83c3a; } it still refuses to change colors.


index.html

<!DOCTYPE html>
<html>
	<head>
		<link type="text/css" rel="stylesheet" href="stylesheet.css"/>
		<title>Result</title>
	</head>
	<body>
		<h2 id="intro">Introduction</h2>
        <h3 class="standout">Classes and IDs in CSS</h3>
		<p class="standout">Classes and IDs are super easy in CSS. You're using them right now!</p>
		<h3>Regular HTML Selectors</h3>
		<p>If you don't bother with a class or ID, an HTML element just gets
		   the regular CSS styling for that element—or the default styling if you
		   don't specify any particular styling on the stylesheet.
		</p>
	</body>
</html>

stylesheet.css

#intro {
    color=#b83c3a;
}

.standout {
    color:#F7AC5F;
    font-family:Verdana;
}


#2

Replace the = in

#intro {
    color=#b83c3a;
}

to a colon so it looks like this:

#intro {
    color: #b83c3a;
}

#3

Ah, thank you. Of course. That makes sense.


#4

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