cssreset-context.mustache revision b0e8ba0bb1024f36f17e1c8c55f531698df8bec7
b0e8ba0bb1024f36f17e1c8c55f531698df8bec7Matt Sweeney<div class="intro">
b0e8ba0bb1024f36f17e1c8c55f531698df8bec7Matt Sweeney <p>CSS Rest can be used contextually by appyling CSS Reset to specific regions of the page.</p>
b0e8ba0bb1024f36f17e1c8c55f531698df8bec7Matt Sweeney <p>When CSS Reset is included in a page it applies rules to all HTML elements via type selectors like this: <code>h1 {margin:0;}</code>. An alternate version, <code>-context.css</code>, uses only descendent selectors like this: <code>.yui3-cssreset h1 {margin:0;}</code>. This means you can put that class value on a node in your document to choose which region(s) of your page CSS Reset will be applied to.</p>
b0e8ba0bb1024f36f17e1c8c55f531698df8bec7Matt Sweeney<div class="yui3-cssreset">
b0e8ba0bb1024f36f17e1c8c55f531698df8bec7Matt Sweeney <p>Everything within this container will have CSS Reset applied.</p>
b0e8ba0bb1024f36f17e1c8c55f531698df8bec7Matt Sweeney<div class="example newwindow">
b0e8ba0bb1024f36f17e1c8c55f531698df8bec7Matt Sweeney <a href="cssreset-basic-example.html" target="_blank" class="button">
b0e8ba0bb1024f36f17e1c8c55f531698df8bec7Matt Sweeney View Example in New Window
b0e8ba0bb1024f36f17e1c8c55f531698df8bec7Matt Sweeney<h3>Note:</h3>
b0e8ba0bb1024f36f17e1c8c55f531698df8bec7Matt Sweeney<p>Because CSS examples are susceptible to other CSS on the page, this example is only available in a new window at the above link.</p>