Can you swing it


#1


https://www.codecademy.com/courses/web-beginner-en-WF0CF/1/4?curriculum_id=50579fb998b470000202dc8b#


i used a span element to sepperate the synopsis paragraph from the introduction and it works but it says i didn't make the synopsis paragraph blue.


<!DOCTYPE html>
<html>
	<head>
		<link type="text/css" rel="stylesheet" href="stylesheet.css"/>
		<title>Ultimate Text Challenge</title>
	</head>
	<body>
		<p>Introduction: Cascading with CSS</p>
		<div>
			<p>Synopsis: When you set a property of a selector like 'p' to a certain value, that value applies to <em>all</em> p tags.
			If, however, you change that same property to a different value for a more specific instance of p,
			that change will <em>override</em> the 'general rule'.
			</p>
			<ul>
				<li><p>If you say p { font-family: Garamond}, all 'p's will have the font Garamond.</p></li>
				<li><p>BUT if you say li p {font-family: Verdana}, 'p's outside of 'li's will be
					   in Garamond, and 'p's INSIDE 'li's will be in Verdana.
				</p></li>
				<li><p>The more specific your selectors are, the higher importance CSS gives to the styling you apply!</p></li>
			</ul>
		</div>
		<p><span>Summary: Greater specificity makes CSS prioritize that particular styling.</span></p>
	</body>
</html>. 

/*Add your CSS below!*/
p{
    font-family:Garamond;
}
body > p{
    font-weight:bold;
}
span{
    color:#7ac5cd;
}
ul li p{
    color:#000000;
    text-decoration:underline;
}


#2

In your stylesheet replace

span{
    color:#7ac5cd;
}

with

div > p {
    color:#7ac5cd;
}

#3

thank you for the help. May i ask why its div p the synopsis isn't in the div


#4

The synopsis paragraph is right next to the div , we call it a direct children of div so we use

div > p


#5

nvm I just read it thank you


#6

thought summary was synopsis


#7

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