CSS(Cascading Style Sheets)是網頁設計中不可或缺的一部分,它可以使網頁的樣式更加美觀、可讀和易于維護。在 CSS 中,選擇器(Selector)是一個非常重要的概念,它決定了哪些 HTML 元素將被應用特定的樣式。
下面是一些常用的 CSS 選擇器:
1. 類選擇器(Class Selector):以 " . " 開頭,用于選擇某個類別的 HTML 元素。例如,.my-class 選擇所有 class 屬性值為 "my-class" 的元素。 2. ID 選擇器(ID Selector):以 "#" 開頭,用于選擇一個 HTML 元素的唯一標識符。例如,#my-id 選擇具有 id 屬性值為 "my-id" 的元素。 3. 標簽選擇器(Element Selector):表示選擇所有指定類型的 HTML 元素。例如,p 選擇所有段落元素,div 選擇所有 div 元素。 4. 相鄰兄弟選擇器(Adjacent Sibling Selector):選擇緊接在另一元素后的元素。例如,div + p 選擇緊跟在 div 元素后的第一個段落元素。 5. 后代選擇器(Descendant Selector):選擇某個元素的后代元素。例如,div p 選擇所有在 div 元素內的段落元素。 6. 通用選擇器(Universal Selector):選擇所有元素。用 " * " 表示。例如,* 選擇所有元素。
因為 CSS 選擇器非常強大,所以我們可以使用它們來選擇一些具有特定屬性或特征的 HTML 元素,然后對它們應用特定的樣式。需要注意的是,選擇器的使用應該盡量簡潔并避免過度使用。
上一篇css當設置float
下一篇css當前頁