|
要素名:first-line {〜} |
<!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> |