Css -

Question

arası metin ekleme

Değiştirilemeyen HTML belgesine sahibim. Diğer tarafta, metin eklemek zorunda olduğum .css dosyası var. içerik özelliğini kullandım. Sonuç, "input type =" text "ve" input type = "number" önce "NUMBER" metninden önce "NAME" metnine sahip olmalıdır.

Öncelikle linkte css kodu ile yaptığım ilk.

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

Benim html kodu burada: http://www.beetxt.com/MZ2/ Ben hiçbir şey göstermek yapar sitedeki burada yazarken.

Ve CSS dosyası: http://www.beetxt.com/Tdb/

Ama HTML dosyası değiştirmeden "" önce metni göstermek için nasıl bilmiyorum. Ben sadece .css dosyasını, stilleri kullanabilirim. Biz nth-child ifadeleri kullanmalıdır biz üzerine kanca hiçbir sınıfları veya kimliğine sahip olduğu göz önüne alındığında

Answer 1

: [CSS'den takın HTML] (içinde

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>