JSFiddle - React, Tailwind, and code Playground

by snover

HTML

<script src="http://cachedcommons.org/cache/modernizr/1.5.0/javascripts/modernizr-min.js"></script>
<header>
    <HGROUP>
        <h1>Strangelove</h1>
        <h2>Strange highs and strange lows</h2>
    </HGROUP>
</header>
<section>
    
    <header>
        <h1>Strangelove</h1>
    </header>
    <p>Will you give it to me?</p>
</section>
<pre>
    $(document).ready(function(){
      $('h1').addClass('blue');
      $('hgroup h2').addClass('red');
      $('header :visible').addClass('green');
      $('section :contains(give)').addClass('blue');
    });
</pre>

CSS

.blue {background:blue;}
.green {background:green;}
.red {background:red;}
header {background:#ff0;display:block;}

JavaScript

$('h1').addClass('blue');
$('hgroup h2').addClass('red');
$('header :visible').addClass('green');
$('section :contains(give)').addClass('blue');