JSFiddle - React, Tailwind, and code Playground

by raviolicode

HTML

<ul>
    <li>USA</li>
    <li>Canada</li>
    <li>France</li>
    <li>Italy</li>
</ul>

CSS

li {
     font-family:"Courier";
     font-size:24px;
 }

JavaScript

$('li:first').css("background-color", "blue");
$('li:last').css("background-color", "red");
$('li:eq(2)').css("font-family", "Verdana");
$('li:eq(3)').css("font-family", "Verdana");
$('li:eq(3)').css("font-size", "18px");
$('li:eq(3)').css("font-size", "24px");