CodePen Embed - 擬似クラスの考察

<ul class="pseudo">
	<li>1つ目の要素</li>
	<li>2つ目の要素</li>
	<li>3つ目の要素</li>
</ul>

<ul class="normal">
	<li>1つ目の要素</li>
	<li class="second">2つ目の要素</li>
	<li>3つ目の要素</li>
</ul>

ul.pseudo li:nth-child(2) {
  color: red;
}

ul.normal li.second {
  color: red;
}

This Pen is owned by niwaka-web on CodePen.

See more by @niwaka-web on CodePen

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.