当列表也有 href 时，如何使文本变大？

Question

我目前的问题是我网站顶部的列表太小了。我正在尝试使文本的大小为 .

我想要这样的东西

<li style="color:black;font-size:30px">Example </li>

但是我的列表是一个 href，这行不通。

    <ul>
        <li><a href="#">How Does it Work?</a></li>
        <li><a href="#">FAQ</a></li>
        <li><a href="#">Discord Server</a></li>
        </ul>
</div>

所以我不确定该怎么做，任何帮助都会很棒。

Answer 1

您应该尽可能使用 CSS 文件。您也可以使用样式标签。但是你的 html 文件中的以下内容。

<style>
ul li,
ul li a {
    color:black;
    font-size:30px;
}
</style>

Answer 2

你需要select那个标签

在css中使用这个：

ul li > a {
    font-size: 30px;
}

这意味着它会select每一个 li 的子元素。

Answer 3

尝试<style>li a {color:black;font-size:30px;}</style>。这将针对 <li> 内的所有 <a> 元素并对其应用样式。

Answer 4

这将为无序列表中的所有锚标记设置样式：

ul a{font-size:30px;}

当列表也有 href 时，如何使文本变大？

How do I make the text bigger when a list also has an href?

html

html-lists