CSS 如何選擇沒有類別的元素

要選取 HTML 文件中沒有類別的元素,您可以使用以下方式: :not(.class) 例如: p:not(.description) { color: red; }

CSS 選擇器

了解 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; } 結合選擇器...

如何使用CSS選擇第一個子元素

問題:在我的Markdown文件中,我需要對第一個ul進行樣式設置,也無法通過添加類名或ID來使用CSS進行選擇。 所以我研究了如何使用選擇器來選中它。 HTML結構如下: <div id="content"> <ul> ...目錄 </ul> ...其他HTML內容 </div> 下面的代碼將選中div#content的第一個子元素ul並保持其他ul元素不受影響: div#content > ul:first-of-type { ...我的樣式 }