JSFiddle - React, Tailwind, and code Playground
HTML
<input type="checkbox" class="checkbox" value="yes" id="answer" name="answer" data-label="I am over the age of 18"/>
<div class="categories row-fluid">
<div class="span4">
<ul>
<li>Full Name</li>
<li>Current Address</li>
<li>Address History</li>
</ul>
</div> <!-- /.span12 -->
</div>
CSS
.categories ul li {
background: red;
background-position: 0px 0px;
padding-left: 30px;
list-style: none;
}
#answer:checked + .categories li {
background-position: 0px -32px;
}