Why :: 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를 사용하기 전에 pre-wrap을 사용하는 것이 더 편리합니다. 도와 주셔서 감사합니다.)

Answer 1

<div class=""> 시작 태그 바로 다음에 줄 바꿈이 있습니다. 따라서 div의 첫 번째 줄이 비어 있습니다. 그래서 텍스트가 파란색으로 표시되지 않습니다.

"div를보다 편리하게 입력하기 위해 사전 랩핑을 사용하는 것"이 ​​무엇을 의미하는지 모르겠다. 예를 들어 횡설수설 한 유스 케이스에서 유스 케이스를 추론하는 것은 불가능하지만,

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>

: 초기 줄 바꿈을 제거 할 때 당신은 ::first-line는 white-space: pre-wrap에서도 작동합니까 것을 알 수 있습니다