<h2 class="pseudo">ダミーのタイトルがあります。</h2>
<h2  class="normal"><span>ダ</span>ミーのタイトルがあります。</h2>
<div class="pseudo">ダミーテキスト</div>
<div class="normal">ダミーテキスト<span></span></div>
h2.pseudo::first-letter {
  color: red;
  font-size: 24px;
}

h2.normal span {
  color: red;
  font-size: 24px;
}

h2 {
  font-size:18px;
}

div.pseudo::after{
  content:"";
  display:block;
  clear:both;
  background-color:#000;
  padding:10px;
}
div.normal span {
  display:block;
  clear:both;
  background-color:#000;
  padding:10px;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.