CSS3 - 私はdivの次き

Question

タグの後のdivのスタイルの一部：

<div class="mydiv"> 
    This is some introduction text 
    <br /> 
    click me 
</div> 

それが唯一のCSSを使用してdiv要素の残りの部分とは異なるclick meのスタイルをすることは可能ですか？

Answer 1

:first-lineのスタイルを変更することができます。 2行しかない場合は、という種類のものが、純粋なCSSの最初の行よりも2行目と最後の行をスタイルすることが可能です。

Codepen

しかし

• することはできませんスタイルテキストが正確に2行は（ハローRWD）スマートフォンのような狭いデバイスを無視するかでズームされるだろう占有することになることは確実であることevery property (MDN)
• 各ユーザの意思（グラフィカルまたはテキストのズーム）。ウェブは、PDFではありません:)

1 Pevara提案へ：で包みそれがリンクやボタンでなければなりませんし、それは簡単に

div { 
 
    text-transform: uppercase; 
 
    font-size: 2rem; 
 
    color: red; 
 
} 
 
div::first-line { 
 
    text-transform: initial; 
 
    font-size: 1rem; 
 
    color: initial; 
 
}

<p>OK</p> 
 
<div class="mydiv"> 
 
    This is some introduction text 
 
    <br /> 
 
    click me 
 
</div> 
 
<hr> 
 
<p>#fail</p> 
 
<div class="mydiv" style="width: 100px; border: 1px dotted blue"> 
 
    This is some introduction text 
 
    <br /> 
 
    click me 
 
</div>

Answer 2

いいえ、HTMLを修正したり、JavaScriptを使用したりすることなく、テキストを選択するための純粋なCSS方法はありませんclick me。