Stuck on 3rd exercise


#1

HI all, i am stuck on the css selector section. I still can't get how i can color just one paragraph that is nested inside body

<!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 id="test">Summary: Greater specificity makes CSS prioritize that particular styling.</p>
	</body>
</html>

CSS

p{
    font-family:Garamond;
    
    
}
body > p {
    font-weight:bold;
    
    
}
body > p-test{
    color:#7AC5CD;
    
}

Please assist


#2

you don't have to? Both the introduction and summary paragraph are a direct child of body, and the synopsis (which is a different paragraph) is a direct child of div

Don't use id's


#3

OHH i see, i thought the summary was the "synopsis" paragraph.
My bad!


#4

no, they are not. They are different (all the important paragraphs have as first word the paragraph they are suppose to represent)

Did you figure it out now?


#5

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