CSS Selectors


#1

How do i make the introduction paragraph have a font-weight of bold.

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

#2

<body>
    <p>Introduction: Cascading with CSS</p>
	<div>

        </div>

The indentation (however trivial) suggests that <div> is a child element of <p> when it is actually a sibling.

<body>
    <p>Introduction: Cascading with CSS</p>
    <div>

    </div>

They are both direct children of <body> which can be isolated with the direct child selector`

body > p { font-weight: bold; }