Can't Bold Intro and Summary


#1



I cannot get the Intro and the conclusion to become bold. I don't understand how I am suppose to select it in CSS.

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


Oops, try again. Did you remember to bold the introduction and summary paragraphs?


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

p   {
    font-family: Garamond;
}

div > p {
    color: #7AC5CD;
}
li p {
    color: #000000;
    text-decoration: underline;
}


#2

You do understand how > works to affect direct children? If you study the html code, you will see that introduction and summary paragraph are both a direct child of body


#3

Hi backpack5689 remember to use alway your sign ">" to set your CSS selector it's very useful when you have a lot of information on your pages, but in this case you have two ways like this one:

on your CSS
:slight_smile:

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


As you casn see I use "div ul li p {" this tell the CSS to navigate to paragraph, try to typing this code to:

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

The sign ">" tell on the CSS to navigate until unordered list. I use this path when I have a lot of "div" on my page try it out!
Have Fun!