Mengapa pautan perenggan ini kelihatan begitu bergaya?

Question

Saya telah melampirkan beberapa kod di sini, saya baru-baru ini menambah pautan ke laman web portfolio saya dan pautan perenggan melakukan sesuatu yang pelik, nampaknya menyelaraskan funky, saya tidak pasti apa masalahnya. Saya tertanya-tanya sama ada ia mungkin berpunca daripada beberapa gaya lain dalam CSS (cth. nav_links), tetapi saya tidak pasti cara membetulkannya tanpa mengacaukan gaya lain.

Saya menambahkan kelas pada href dan cuba menambah beberapa gaya CSS padanya, ia menyelesaikan beberapa isu (seperti saiz dan warna) tetapi terdapat jurang

Answer 1

Membaca semula soalan anda, saya tidak pasti masalah yang anda cuba selesaikan. Apakah maksud "fesyen sejajar"?

CSS on Design Portfolio mempunyai float: left dan margin.

float: left Mengeluarkannya daripada aliran dan mengalihkannya ke kiri port pandangan, menyebabkan teks lain (cth. "Baca buku") membalutnya (dan jidarnya).

.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

Anda membuat kesilapan dalam CSS dan melakukan sesuatu seperti ini:

.nav_link li, a

Anda perlu mengalih keluar koma ini. Saya mengandaikan anda cuba melakukan ini apabila anda mempunyai elemen .nav_link 类的元素内的 li 中设置 a 的样式。但这不是你正在做的。相反，此选择器将一堆样式应用于 .nav_link li 并单独应用于所有 a. Pemilih sepatutnya kelihatan seperti ini:

.nav_link li a

Anda mengalami isu ini di beberapa tempat dalam CSS anda.