JSFiddle - React, Tailwind, and code Playground

by smallone1

HTML

<ul><b>測試獨特性</b>
  <li class="ex1">1aaaaa</li>
  <li class="ex3" id="id2">2aaaaa</li>
  <li class="ex3">3aaaaa</li>
  <li>4aaaaa</li>
  <li>5aaaaa</li>
</ul>

CSS

ul{
  color: green;
  font-size: normal;
}

li{
  color: blue;
}

ul li {
  color: red;
}

.ex1 {
  color: black;
  font-size: 200%;
}

#id2 {
  color: purple;
  font-size: 2em;
}

.ex3 {
  font-weight: bolder;
  color: orange;
  font-size:150%;
}

ul li:nth-child(4) {
  font-style: italic;
}