How can i make the introduction paragraph and summary paragraph have a font weight of bold in the css


#1

<

<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>

#2

introduction and summary are both a direct child of body, does that help? To select direct children, use >


#3

body > p {
font-weight: bold;
}

Use this because this select only the paragraph inside the body and not any paragraphs which is further nested inside.


#5

you can still use div just by itself


#6

How is it possible because both the paragraphs which we want to change are just outside the div section.? @thebarrelofshrimp


#9

body can also be used as css selector, and both paragraph are direct children of body.

@mrhoneybadger, you can't post full answer without any explanation, please read the guide-lines