Stuck with my code why wont it work?


#1


 html:

<!DOCTYPE html>
<html>
	<head>
		<link type="text/css" rel="stylesheet" href="stylesheet.css"/>
		<title>Result</title>
	</head>
	<body>
		<h2 id="intro">Introduction</h2>
		<div class"standout">
		<h3>Classes and IDs in CSS</h3>
		<p>Classes and IDs are super easy in CSS. You're using them right now!</p>
		</div>
		<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>


css:

/*Add your CSS below!*/
#intro {
color: #b83c3a;
}

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

why is it not working?


#2

Give the h2 header an ID of "intro".
Give the first h3 and first p a class of "standout". Don't do anything to the second h3 and p!

problem: Oops, try again. Did you remember to add the standout class to the first h3 header?


#3

In your HTML code, you don't properly set the "standout" class.

<h3 class = "standout">Classes and IDs in CSS</h3>

Get rid of the class from the div tag


#4

take out ´´´' /*Add your CSS below!*/ ´´´´


#5

That is a comment, it doesn't actually affect the output.


#6

lol im so stupid i didnt see that, thank you!!


#7

it could of been the problem. it happen to me on one of them. it was being picky.


#8

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