JSFiddle - React, Tailwind, and code Playground

by scrawlon

HTML

<ul>
    <li>birds</li>
    <li>dogs</li>
    <li>cats</li>
    <li>snakes</li>
</ul>

CSS

li {
    font-size: 24pt;
    font-family: Courier;
}

JavaScript

$("li:first").css("background-color","blue");
$("li:last").css("background-color","red");

$("li:eq(1)").css("font-family", "Verdana");
$("li:eq(2)").css("font-family", "Verdana");

$("li:eq(2)").css("font-size", "18pt");
$("li:eq(3)").css("font-size", "18pt");