How do I do Can you Swing it?


I am confused as to how to do the Can you Swing it? lesson, can someone help me?



As you haven't posted much information, I can only assume that you want to know what the correct code is, so here's my:


<!DOCTYPE html>
		<link type="text/css" rel="stylesheet" href="stylesheet.css"/>
		<title>Ultimate Text Challenge</title>
		<p>Introduction: Cascading with CSS</p>
			<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'.
				<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.
				<li><p>The more specific your selectors are, the higher importance CSS gives to the styling you apply!</p></li>
		<p>Summary: Greater specificity makes CSS prioritize that particular styling.</p>


/*Add your CSS below!*/
p {
    font-family: Garamond;

body p {
    font-weight: bold;

div p {
    text-decoration: underline;

li p {
    color: #000000;

Hope that helps!


Thank you! It really helped!


No problem, I'm happy to help :smile:


Do you also understand why this solution work? Which imho is far more important then having the solution


Yes, I understand. :smiley: