JSFiddle - React, Tailwind, and code Playground

by fristyr

HTML

<div class="class-selektr">Селектор по классу</div>
<div id="selekt-on-id">Селектор по ID</div>
<h1>Селектор по типу тэга</h1>
<q title="selektt on attr">Селектор по атрибуту</q>

<hr>

<div class="border">
  <div class="neighbors"></div>
  <span>Я сосед</span>
</div>

<div class="combi-selektr border">
  <span>Кто комби?</span>
  <hr>
  <p>Я комби!</p>
  <p>И я!</p>
  <p>я я я яяяя тоожее!</p>
</div>

<div class="border">
  <ul>
    <li>Я дочка</li>
    <li>И я дочка</li>
    <li>Я тоже!</li>
  </ul>
</div>

CSS

.border {
  border: 2px solid black;
  margin-bottom: 10px;
}

/* .class-selektr {
  color: yellow;
} */

/* #selekt-on-id {
  color: aqua;
} */

/* h1 {
  color: fuchsia;
} */

/* q[title] {
  color: purple;
} */


/* .neighbors + span {
  color: green;
} */

/*  span ~ p {
  color: blue;
 }  */

/* ul > li {
  color: brown;
} */