[CSS]first-lineで最初の1行目にスタイルシートを適用する

2021年8月25日

書式
クラス名::first-line
使用例

Plain text
Copy to clipboard
Open code in new window
EnlighterJS 3 Syntax Highlighter
<style>
.cft::first-line {
color: skyblue;
font-size:20px;
}
</style>
<p class="cft">
AAA 最初の1行目にスタイルシートを適用する<br />
BBB <br />
CCC
</p>
<p class="cft">DDD 最初の1行目にスタイルシートを適用する<br>
EEEE
</p>
<style> .cft::first-line { color: skyblue; font-size:20px; } </style> <p class="cft"> AAA 最初の1行目にスタイルシートを適用する<br /> BBB <br /> CCC </p> <p class="cft">DDD 最初の1行目にスタイルシートを適用する<br> EEEE </p>
<style>
  .cft::first-line {
    color: skyblue;
    font-size:20px;
  }
</style>
<p class="cft">
  AAA 最初の1行目にスタイルシートを適用する<br />
  BBB <br />
  CCC
</p>
<p class="cft">DDD 最初の1行目にスタイルシートを適用する<br>
EEEE
</p>

 

CSS

Posted by arkgame