一行目に適用させる

要素名:first-line {〜}

指定したブロックレベル要素の一行目として表示される部分だけに
スタイルを適用させたい場合の書式です。
「要素」の部分には、「#ID名」や「クラス名」も指定できます。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<HTML>
<HEAD>
<META http-equiv="Content-Type" content="text/html; charset=Shift_JIS">
<META http-equiv="Content-Style-Type" content="text/css">
<title>一行目に適用させる</title>
<style type="text/css">
<!--
p { line-height: 1.6 }
p:first-line {
  color: #ffffff;
  background: #ff6600
}
-->
</style>

</HEAD>
<body>
<h1>一行目に適用させる</h1>

<p>
「:first-line」は、ブロックレベル要素の一行目として表示される部分だけに
スタイルを適用させる擬似要素です。セレクタには幾つか種類があり、
基本的には任意の順序で組み合わせて使う事ができますが、
擬似要素については必ずセレクタの最後の部分で使用します。
</p>
</body>
</HTML>