css - 使用 html5 的 nav 标签更改 nav>ul>li>a 元素的字体大小

Question

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

这是我的代码Q的一部分

部分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;          
}

Answer 1

您可以将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>