如何定义字体大小不同的div

Question

在我的项目中，我有三个div。

“upBtDiv和ulfDiv”位于attFile div中。

upBtDiv中的字体大小为16px，并且它可以成功运行。但ulfDiv中的10px字体大小工作失败。ulfDiv中的字体大小保持为16px。当我定义.att文件{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 
 
} \t 
 
.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>

这似乎没有错，我code.I假设溢出：upBtDiv的隐藏属性是reason.But我不知道有关它。谁能帮我 ？

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>