JSFiddle - React, Tailwind, and code Playground

by tea4two

HTML

<input type="text"><br>
<input type="text" disabled>
    
<p class="aiueo">あいうえお</p>
<p class="kakikukeko">かきくけこ</p>
<p class="sashisuseso">さしすせそ</p>
    
<div id="container">
    <h1>見出し</h1>
    <p>もじもじもじもじ</p>
    <img src="http://dummyimage.com/80x80/000/fff">
</div>

CSS

input:disabled {
    background-color: gray;
}

p[class*="kiku"] {
    /*
    $=・・・で終わる
    ^=・・・で始まる
    *=・・・を含む
    */
  color: red;
}

#container :not(h1) {
    opacity: .4;
}