Question

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

“upBtDiv和ulfDiv”在attFile div中。

upBtDiv中的字体大小是16px，它运行成功。但是ulfDiv中10px的字体大小失败.ulfDiv中的字体大小仍为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的溢出：隐藏属性是原因。但我不知道它。谁能帮我？

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>

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

1 个答案: