为什么这一段落链接显得很时髦？

Question

我在这里附加了一些代码，我最近添加了一个指向我的投资组合网站的链接，并且该段落链接正在做一些奇怪的事情，它似乎正在对齐时髦，我不确定问题是什么。我想知道它是否可能源于 CSS 中的其他一些样式（例如 nav_links），但我不确定如何纠正这个问题而不弄乱其他样式。

我向 a href 添加了一个类，并尝试为其添加一些 CSS 样式，它解决了一些问题（如大小和颜色），但存在差距

Answer 1

重读您的问题，我不确定您到底要解决什么问题。 “对齐时髦”是什么意思？

“设计作品集”上的 CSS 具有 float: left 和边距。

float: left 将其从流中取出并将其移动到视口的左侧，并导致其他文本（例如“阅读一本书”）环绕它（及其边距） ）。

.nav_link li, a {
    display: inline;
    float: left; /* <------ this */
    font-size: 24px;
    font-family: "neue-haas-grotesk-display", sans-serif;
    margin-left: 16px; /* <------ and this */
    margin-top: 24px; /* <------ and this */
    margin-bottom: 36px; /* <------ and this */
    text-decoration: none;
    color: #f8f8f8;
}

Answer 2

你在 CSS 中犯了一个错误，做了这样的事情：

.nav_link li, a

您需要删除这些逗号。我假设您正在尝试在具有 .nav_link 类的元素内的 li 中设置 a 的样式。但这不是你正在做的。相反，此选择器将一堆样式应用于 .nav_link li 并单独应用于所有 a 元素。选择器实际上应该如下所示：

.nav_link li a

您的 CSS 中的多个位置都遇到此问题。