Comment définir les différentes divs de taille de police

Question

Dans mon projet, j'ai trois divs.

"upBtDiv et ulfDiv" sont dans attFile div.

La taille de la police dans upBtDiv est 16px, et cela fonctionne avec succès. Mais la taille de la police de 10px dans ulfDiv fonctionne à l'échec. La taille de la police dans ulfDiv est de 16px.

Lorsque je définis .attFile {margin-left: 15%; margin-top: 5%; font-szie: 10px}, et cela fonctionne bien.Mais la taille de police de "upBtDiv et ulfDiv" sont tous les deux 10px .

Voici mon code 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>

Il semble rien de mal dans mon code.I suppose que le trop-plein: attribut caché de upBtDiv est le reason.But je n'ai aucune idée il. Qui peut m'aider ?

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>