樣式

了解 CSS 選擇器的所有重要事項 選擇器允許我們將一個或多個聲明與頁面上的一個或多個元素關聯起來。 基本選擇器 假設在頁面上有一個 p 元素，我們想要使用黃色顯示其中的文字。 我們可以使用選擇器 p 來定位該元素，該選擇器定位頁面上所有使用 p 標籤的元素。實現我們想要的效果的一個簡單 CSS 規則如下： p { color: yellow; } 每個 HTML 標籤都有對應的選擇器，例如：div、span、img。 如果一個選擇器匹配多個元素，則頁面上的所有元素都將受到更改的影響。 HTML 元素有兩個在 CSS 中非常常用的屬性，用於將樣式與頁面上的特定元素關聯起來：class 和 id。 這兩者之間有一個重大的區別：在 HTML 文檔中，您可以在多個元素中重複使用相同的 class 值，但是您只能使用一次 id。根據以下的推論，使用 class 時，您可以選擇具有 2 個或多個特定類名的元素，而使用 id 則無法實現這一點。 使用 . 符號來標識類，使用 # 符號來標識 id。 使用 class 的示例： <p class="dog-name"> Roger </p> .dog-name { color: yellow; } 使用 id 的示例： <p id="dog-name"> Roger </p> #dog-name { color: yellow; } 結合選擇器...