JSFiddle - React, Tailwind, and code Playground

by raulb

HTML

<ul>
    <li>Apple</li>
    <li>Bananna</li>
    <li>Cherry</li>
    <li>Date</li>
</ul>

CSS

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

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");