JSFiddle - React, Tailwind, and code Playground

by Mohammed Ismail Ansari

HTML

<p id="paragraph-one" class="my-paragraph">
    This is paragraph one.
</p>
<p id="paragraph-two" class="my-paragraph">
    This is paragraph two.
</p>

<p class="another-paragraph">
    This is another paragraph.
    <span id="span-one" class="some-span">
        Span 1
    </span>
    <span id="span-two" class="some-span">
        Span 2
    </span>
</p>

<button id="my-button">Button</button>

CSS

#paragraph-one
{
    color: Blue;
}

.my-paragraph
{
    font-size: 24px;
}

.some-span
{
    color: Red;
    border: 1px solid Black;
}

.some-span#span-two
{
    font-size: 20px;
}

button
{
    background-color: Yellow;
}

button:hover
{
    background-color: Black;
    color: White;
}

JavaScript

// Revision of CSS