使用导航标签html5更改导航> ul> li>元素的字体大小

我在css文档中遇到了设置自定义字体大小的问题。这是我的问题。我使用html5的导航标签。我在哪里必须放置font-size属性？使用导航标签html5更改导航> ul> li>元素的字体大小

这里是我的codeQ的HTML代码

部分的一部分：

<div id="nav"> 
     <nav> 
      <ul> 
       <li> 
        <a href="#">ΑΡΧΙΚΗ</a> 
       </li> 
       <li> 
        <a href="#">ΥΠΗΡΕΣΙΕΣ</a> 
       </li> 
       <li> 
        <a href="#">ΒΙΟΓΡΑΦΙΚΟ</a> 
       </li> 
       <li> 
        <a href="#">ΕΠΙΚΟΙΝΩΝΙΑ</a> 
       </li> 
      </ul> 
     </nav> 
    </div>

我的CSS代码部分：

#nav { 

    width: 30%; 
    margin:0 auto; 

} 

nav>ul { 
    list-style: none;  
} 

nav>ul>li { 

    display: inline; 
} 

nav>ul>li>a { 
    font-family: "Comfortaa Thin", Comfortaa; 
    color:#807f7f;   
}

来源

2015-07-12 Korte

它可以是在任何地方的资产净值内，或'#nav {字体大小：20像素}'。 – Stickers

这取决于您已定义的样式。因为，例如。如果您设置了#nav {font-size：20px}，但您已经有链接选择器（{font-size：12px}），则不会覆盖它。 – Mindastic

您可以申请font-size任何容器元素包括nav本身

nav { 
 
    font-size: 40px; 
 
} 
 
#nav { 
 
    width: 30%; 
 
    margin: 0 auto; 
 
} 
 
nav>ul { 
 
    list-style: none; 
 
} 
 
nav>ul>li { 
 
    display: inline; 
 
} 
 
nav>ul>li>a { 
 
    font-family: "Comfortaa Thin", Comfortaa; 
 
    color: #807f7f; 
 
}

<div id="nav"> 
 
    <nav> 
 
    <ul> 
 
     <li> 
 
     <a href="#">ΑΡΧΙΚΗ</a> 
 
     </li> 
 
     <li> 
 
     <a href="#">ΥΠΗΡΕΣΙΕΣ</a> 
 
     </li> 
 
     <li> 
 
     <a href="#">ΒΙΟΓΡΑΦΙΚΟ</a> 
 
     </li> 
 
     <li> 
 
     <a href="#">ΕΠΙΚΟΙΝΩΝΙΑ</a> 
 
     </li> 
 
    </ul> 
 
    </nav> 
 
</div>

来源

2015-07-12 23:11:59 AmmarCSE

nav>ul>li>a { 
    font-family: "Comfortaa Thin", Comfortaa; 
    color:#807f7f; 
    font-size: /*write here*/;   
}

来源

2015-07-13 10:11:25

使用导航标签html5更改导航> ul> li>元素的字体大小

回答

相关问题