為什麼這段段落連結顯得很時髦？

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 中的多個位置都遇到此問題。