JSFiddle - React, Tailwind, and code Playground

by Dream Mkker

HTML

<div> ●●●●●●●●</</div>
<div cyd="d"> ●●●●●●●●</div>
<div cyd="k"> ●●●●●●●●</</div>
<div cyd="dkstu">●●●●●●●●</</div>　

CSS

div {color:black;}
div[cyd] {color:red;}  /*有此屬性*/
div[cyd=k] {color:green;} /*完全相符*/
div[cyd~=dkstu] {color:blue;} /*有出現關鍵字*/