Css - 間にテキストを追加

Question

私はHTML文書を持っていますが、これは変更できません。 反対側には、テキストを追加する必要がある.cssファイルがあります。私はコンテンツプロパティを使用しました。結果は、 "input type =" text "の前にテキスト" NAME "があり、" input type = "number"の前にテキスト "NUMBER"が必要です。

私はリンクの下でCSSコードで既に行った最初のものです。

<div> 
    <div> 
     <div class="spacer"></div> 
    </div> 
</div> 
<div> 
    <div> 
     <input type="text" /> 
    </div> 
    <div> 
     <input type="number" /> 
    </div> 
</div> 

私のhtmlコードはここにある：http://www.beetxt.com/MZ2/私はそれが何を示していないし、サイトにここに書くとき。

そして、私のCSSファイル：http://www.beetxt.com/Tdb/

しかし、私は、HTMLファイルを変更せずに「」の前にテキストを表示する方法を知りません。 .cssファイル、スタイルのみを使用できます。我々はnth-childステートメントを使用する必要があります、私たちににフックするいかなるクラスまたはIDを持っていないことを考えると

Answer 1

：[CSSからHTMLの挿入]（の

div:nth-child(2) div:first-child::before { 
 
    content: 'NAME'; 
 
    display: block; 
 
} 
 
div:nth-child(2) div:nth-child(2)::before { 
 
    content: 'NUMBER'; 
 
    display: block; 
 
} 
 
.spacer:after { 
 
    content: "SPACER"; 
 
}

<div> 
 
    <div> 
 
    <div class="spacer"></div> 
 
    </div> 
 
</div> 
 
<div> 
 
    <div> 
 
    <input type="text" /> 
 
    </div> 
 
    <div> 
 
    <input type="number" /> 
 
    </div> 
 
</div>