JSFiddle - React, Tailwind, and code Playground

by iandevlin

HTML

<!DOCTYPE html>
<head>
    <title>test</title>
    <!--[if lt IE 9]>
        <script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
    <script src="http://www.iandevlin.com/j/selectivizr-min.js"></script>
    <![endif]-->
</head>
<body>
    <div id="box">
    <ul>
        <li>Item 1</li>
        <li>Item 2</li>
    </ul>
    <ul>
        <li>Item 1</li>
        <li>Item 2</li>
    </ul>
</div>
</body>

CSS

#box ul:first-child { border:1px solid #000; }
#box ul:last-child { border:1px solid #aaa; }