在 CSS 中,選擇器是用于選擇 HTML 元素的一種方式。在這篇文章中,我們將列舉出一些常見的 CSS 選擇器范例。
/* 選擇類名為 "example" 的元素 */ .example { /* 樣式代碼 */ } /* 選擇 ID 為 "example" 的元素 */ #example { /* 樣式代碼 */ } /* 選擇所有 p 標簽元素 */ p { /* 樣式代碼 */ } /* 選擇第一個 p 標簽元素 */ p:first-child { /* 樣式代碼 */ } /* 選擇最后一個 p 標簽元素 */ p:last-child { /* 樣式代碼 */ } /* 選擇第一個 p 標簽元素之后的所有 p 標簽元素 */ p:first-child ~ p { /* 樣式代碼 */ } /* 選擇 p 標簽元素中包含了 "example" 關鍵字的元素 */ p:contains("example") { /* 樣式代碼 */ } /* 選擇所有 p 標簽元素中的第一個子元素 */ p >:first-child { /* 樣式代碼 */ } /* 選擇所有 p 標簽元素中的最后一個子元素 */ p >:last-child { /* 樣式代碼 */ }
這些是一些常見的 CSS 選擇器范例。使用選擇器可以很方便地為 HTML 元素添加樣式,并且在實際開發(fā)中,應該根據實際情況選擇最合適的選擇器來使用。
上一篇列合并css