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中的每一行，但是我使用pre-wrap for divs键入更方便。感谢帮助。）

Answer 1

您的<div class="">开始标记后面会有一个换行符。因此，div中的第一行是空的，这就是为什么没有文本显示为蓝色的原因。

我不知道你的意思＆＃34;使用div的预包装来输入更方便的＆＃34;并且在你的例子中不可能从乱码中推断出你的用例，但无论你想要完成什么，你都可以看到::first-line在删除时white-space: pre-wrap确实有效最初的换行符：

＆＃13;

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

＆＃13;

<div class="">Blahblah blah blah

  asndlansdlansdlajdbnalsnd        laksndlaknsdlak
  lksdnalksdnlaknsdl         akbsjdakjsbdakjsdlajsndl
   akjsbaksjdalsdn asldknalsndla asdlk nalsdnalsknd
</div>

＆＃13;

为什么::一线不能预包装？

1 个答案: