JSFiddle - React, Tailwind, and code Playground

HTML

<div>
    <h1>Başlık</h1>
    <ul>
        <li>Bitkiler
            <ol>
                <li>Gül</li>
                <li>Menekşe</li>
            </ol>
        </li>
        <li>Hayvanlar
            <ol>
                <li>Köpek</li>
                <ul>
        <li>Bitkiler
            <ol>
                <li>Gül</li>
                <li>Menekşe</li>
            </ol>
        </li>
        <li>Hayvanlar
            <ol>
                <li>Köpek</li>
                <li>Kedi</li>
            </ol>
        </li>
    </ul>
            </ol>
        </li>
    </ul>
    <div><a href="#">link</a></div>
</div>

CSS

ol {
    background: red;
    color: #000;
}

ul  li {
    background: yellow;
    color: #fff;
}