テキストがCSSに1行しかない場合のスタイル？

Question

のCss：

<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been 
the industry's standard dummy text ever since the 1500s, when an unknown</p> 

スタイルはテキストに比べ異なるものになるだけで1行があります：それは可能

<p>Lorem Ipsum is simply dummy text</p> 

ですか？ ありがとうございました。

Answer 1

短い回答はありません。段落内の実際のテキストの長さは、そのスタイルに影響しません。

ただし、段落タグをクラスまたはID内に割り当てると、CSSスタイルシート内の個々のクラスまたはIDを一意のスタイルに設定できます。

Answer 2

異なるスタイルで必要な領域にidを持つスパンを追加できる場合は、段落内の行を別のスタイルにしますか？

#line{ 
 
    font-weight: bold; 
 
}

<p><span id="line">Lorem Ipsum is simply dummy text</span> of the printing and typesetting industry. Lorem Ipsum has been 
 
the industry's standard dummy text ever since the 1500s, when an unknown</p>

Answer 3

あなたはCSSに単一対複数行の文章をターゲットに探しているなら、これは不可能です。

<p>を1行に制限する場合は、white-space: nowrap;を使用してください。

Answer 4

JavaScriptを使用してこれをプログラムで実行する必要があります。

段落要素を見つけてコンテンツの長さを確認し、それに基づいてスタイルを適用します。

ここにはjsfiddleがあります（jQueryを使用）。

HTML

<p>A short line.</p> 
<p>A longer line with more words in it.</p> 

JS

$("document").ready(function() { 
    $("p").each(function() { 
    if($(this).text().length > 15) { 
     $(this).css("color", "red"); 
    } 
    }); 
});