CSS直接選擇器(也稱為“簡單選擇器”)是一種使用CSS語法來選擇HTML元素的方法。這種選擇器使用一個單一的選擇器來匹配一個基本的HTML元素,而不考慮它的上下文或者其他的 CSS 類或 ID。
/* 定義一個使用 CSS 直接選擇器的樣式 */ p { color: red; }
在這個例子中,CSS代碼使用了一個 CSS 直接選擇器,即 “p”,來定義段落元素的文本顏色為紅色。任何一個 HTML p 元素都會應用這個樣式。
下面是一些常見的簡單選擇器:
/* 選擇所有的段落元素 */ p { /* 樣式 */ } /* 選擇具有指定 class 的元素 */ .element { /* 樣式 */ } /* 選擇具有指定 ID 的元素 */ #element { /* 樣式 */ } /* 選擇具有指定屬性的元素 */ [element] { /* 樣式 */ } /* 選擇具有指定屬性和值的元素 */ [element="value"] { /* 樣式 */ } /* 選擇第 N 天的元素 */ :nth-child(N) { /* 樣式 */ }
使用 CSS 直接選擇器可以使樣式更加簡潔易懂,同時也能夠提高代碼的可讀性和可維護性。