JSFiddle - React, Tailwind, and code Playground

by tea4two

HTML

<h1 id="parent" class="parent">
    <p id="child" class="child">子要素</p>
</h1>

<p class="colored" style="color: red">赤のはず</p>

<style>
.colored {
    color: blue;
}
</style>

CSS

.child {
    color: red;
}

#child {
    color: blue;
}
.parent .child {
    color: green !important;
}

#parent .child {
    color: brown;
}