なぜ:: first-lineはpre-wrapで動作しませんか？

Question

HTML

<div class=""> 
    Blahblah blah blah 

    asndlansdlansdlajdbnalsnd  laksndlaknsdlak 
    lksdnalksdnlaknsdl   akbsjdakjsbdakjsdlajsndl 
    akjsbaksjdalsdn asldknalsndla asdlk nalsdnalsknd 
    </div> 

CSS

div::first-line {font-weight: bolder; color: blue;} 
div {white-space: pre-wrap;} 

それが唯一の事前ラップを適用します。 T_T

私の考えは、すべてのdivのすべての最初の行を強調表示することでしたが、より便利に入力するにはdivのプレラップを使用しています。手伝ってくれてありがとう。 ）

Answer 1

<div class="">開始タグの直後に改行があります。だからあなたのdivの最初の行は空白なので、テキストが青色で表示されません。

「divをプレブックしてより便利に入力する」という意味はわかりません。あなたの例ではちょっとしたことからユースケースを推測することはできませんが、あなたが最初の改行を削除すると::first-lineでもwhite-space: pre-wrapで仕事をしていることがわかります。

div::first-line {font-weight: bolder; color: blue;} 
 
div {white-space: pre-wrap;}

<div class="">Blahblah blah blah 
 

 
    asndlansdlansdlajdbnalsnd  laksndlaknsdlak 
 
    lksdnalksdnlaknsdl   akbsjdakjsbdakjsdlajsndl 
 
    akjsbaksjdalsdn asldknalsndla asdlk nalsdnalsknd 
 
</div>