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

【问题标题】：How to define font-size different divs如何定义字体大小不同的div
【发布时间】：2018-03-31 00:41:23
【问题描述】：

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

“upBtDiv 和 ulfDiv”在 attFile div 中。

upBtDiv中的font-size是16px，可以成功。但是ulfDiv中10px的font-size会失败。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 的溢出：隐藏属性是原因。但我不知道。谁能帮我？

【问题讨论】：

标签： html css fonts

【解决方案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>

【讨论】：

">" 是什么意思？