Skip to content

Instantly share code, notes, and snippets.

@karlstolley

karlstolley/index.htm

Created September 20, 2010 22:35
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save karlstolley/588778 to your computer and use it in GitHub Desktop.
Save karlstolley/588778 to your computer and use it in GitHub Desktop.
Download ZIP
Advanced CSS Selectors Demo
Raw
index.htm
<!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