CSS基礎(chǔ)選擇器是CSS中最基礎(chǔ)的選擇器之一,其特點(diǎn)是非常靈活和易于使用。一共有6種基礎(chǔ)選擇器,分別是:
/* 選擇所有元素 */ * { color: red; } /* 選擇ID為"myDiv"的元素 */ #myDiv { font-size: 14px; } /* 選擇class為"myClass"的元素 */ .myClass { border: 1px solid black; } /* 選擇所有h1元素 */ h1 { text-align: center; } /* 選擇所有p元素的第一個(gè)子元素 */ p:first-child { font-weight: bold; } /* 選擇前面緊跟著h1元素的所有p元素 */ h1 + p { color: blue; }如上代碼所示,每個(gè)基礎(chǔ)選擇器都有自己的語法格式和所起作用的目標(biāo)元素。CSS基礎(chǔ)選擇器的最大特點(diǎn)就是能夠根據(jù)元素的結(jié)構(gòu)、屬性、類名、ID等屬性,精確地選擇具體的目標(biāo)元素。這大大方便了Web開發(fā)者的工作,可以非常靈活地實(shí)現(xiàn)各種樣式效果。