JSFiddle - React, Tailwind, and code Playground

HTML

<h1>CSS3におけるセレクタの固有性</h1>


<h2>サンプル</h2>
<p>IDセレクタはclassセレクタの固有性(specificity)を全てにおいて優先する。</p>
<div id="Sample" class="a b c d e f g h i j k l">#Sample.a.b.c.d.e.f.g.h.i.j.k.l</div>

<h2>

<h2>参考リンク</h2>
<ul>
  <li><a href="http://zng.info/specs/css3-selectors.html#specificity">選択子</a></li>
  <li><a href="http://www.w3.org/TR/css3-selectors/#specificity">Selectors Level 3</a></li>
</ul>

CSS

#Sample { background-color: #fee; }
.a.b.c.d.e.f.g.h.i.j.k.l { background-color: #eef; }