Created
September 20, 2010 22:35
-
-
Save karlstolley/588778 to your computer and use it in GitHub Desktop.
Advanced CSS Selectors Demo
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> | |
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> | |
<head> | |
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> | |
<title>Advanced CSS Selectors</title> | |
<style type="text/css" media="screen"> | |
/*Write CSS styles here using the Web Developer Add-on*/ | |
</style> | |
</head> | |
<body> | |
<h1>Advanced CSS Selectors</h1> | |
<p>Try and command advanced CSS selectors to change the formatting on this page. For example, can you make the text in this paragraph red?</p> | |
<p>How about making <strong>this strong tag green</strong>.</p> | |
<p>While making <strong>this strong tag blue</strong>?</p> | |
<ul> | |
<li>Make me green | |
<ul> | |
<li>Make me blue</li> | |
<li>Make me red</li> | |
</ul> | |
</li> | |
<li>Make me green and <a href="http://www.example.com/">this link red, no underline</a></li> | |
<li>Make me green and <a href="#null">and this link bold, underlined with dots</a></li> | |
</ul> | |
<h2>Make This Header Text Really Big</h2> | |
<h2>But Make This Header Text Really Small</h2> | |
<div class="example"> | |
<h2>Put all of the text in this box in Verdana font</h2> | |
<p>Make this paragraph italic.</p> | |
<p>But make this paragraph bold, no italics.</p> | |
<p>And <strong>make this text</strong> and <em>this text</em> and <a href="#null">this text</a> Times New Roman, not Verdana.</p> | |
</div> | |
</body> | |
</html> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment