如何定義不同div的字體大小

Question

在我的項目中，我有三個div。

“ upBtDiv和ulfDiv”位於attFile div中。

upBtDiv中的font-size是16px，並且可以成功工作，但是ulfDiv中的10px字體大小卻失敗了，ulfDiv中的font-size仍然是16px。

當我定義.attFile {margin-left：15％; margin-top：5％; font-szie：10px}時，它可以正常工作。但是“ upBtDiv和ulfDiv”的字體大小均為10px。

這是我的CSS代碼：

 .attFile { margin-left:15%; margin-top:5% } .upBtDiv { position:relative; overflow:hidden; display:inline-block; display:inline;font-size:16px } .upBtDiv label { cursor:pointer } .upBtDiv input { position:absolute; top:0; right:0; margin:0; border:solid transparent; opacity: 0; filter:alpha(opacity=0); cursor:pointer; width:66% } .ulfDiv { height:10px; line-height:22px; margin:10px 0; font-size:10px } .ulfDiv .delimg, .dwlimg { color:#090; cursor:pointer; display:none } .ulfDiv:hover .delimg { display: inline-block; } .ulfDiv:hover .dwlimg { display: inline-block; } .delimg:hover { color:blue; } .dwlimg:hover { color:blue; } 

 <div class="attFile" id="attFileId"> <div class="upBtDiv"> <label style="color:green">attfile:</label> <input type="file" id="fulId" name="mypic"> </div> <div class="ulfDiv" id="ulfId1"> <b class='dataname'>30k</b> <span class='delimg' rel='" + data.pic + "'>delete</span> <a class='dwlimg' href='files/" + data.pic + "' target='_blank'>add</a> </div> </div> 

我的代碼似乎沒有錯。我想upBtDiv的overflow：hidden屬性是原因，但我對此一無所知。 誰能幫我 ？

Answer 1

 .attFile > .upBtDiv{ font-size: 28px; } .attFile > .ulfDiv{ font-size: 23px; } 

 <div class="attFile" id="attFileId"> <div class="upBtDiv" > <label style="color:green">attfile:</label> <input type="file" id="fulId" name="mypic"> </div> <div class="ulfDiv" id="ulfId1"> <b class='dataname' >30k</b> <span class='delimg' rel='"+data.pic+"'>delete</span> <a class='dwlimg' href='files/"+data.pic+"' target='_blank'>add</a> </div> </div>