——CSS基礎(chǔ)選擇器移動(dòng)商務(wù)系統(tǒng)前端設(shè)計(jì)1CSS基礎(chǔ)選擇器CSS基礎(chǔ)選擇器CSS基礎(chǔ)選擇器基礎(chǔ)選擇器是CSS中最基礎(chǔ)、最常用的選擇器，從CSS的誕生開(kāi)始就一直存在，供Web前端開(kāi)發(fā)者快速的進(jìn)行DOM元素的查找與定位。CSS語(yǔ)法由選擇器、屬性和值三部分組成，具體語(yǔ)法如下：CSS基礎(chǔ)選擇器CSS基礎(chǔ)選擇器“*”在CSS中代表所有，即為通配符選擇器。通配符選擇器是用來(lái)選擇所有元素，同時(shí)也可以選擇某個(gè)元素下的所有元素。通配符選擇器用于頁(yè)面定義中：通配符選擇器用于選擇器組合中：通配符選擇器的一種不常用的方式：CSS基礎(chǔ)選擇器現(xiàn)場(chǎng)演示：案例8-01：通配符選擇器CSS基礎(chǔ)選擇器元素選擇器是CSS選擇器中最常見(jiàn)且最基本的選擇器。元素選擇器其實(shí)就是對(duì)文檔的元素進(jìn)行樣式定義，可以為html，body，p，div元素等定義樣式。使用元素選擇器的優(yōu)點(diǎn)：快速的將某個(gè)樣式從一個(gè)元素轉(zhuǎn)移到另一個(gè)元素上。通過(guò)元素選擇器可定義頁(yè)面中所有使用該元素的樣式，減少CSS代碼的書(shū)寫(xiě)。CSS基礎(chǔ)選擇器現(xiàn)場(chǎng)演示：案例8-02：元素選擇器CSS基礎(chǔ)選擇器CSS類選擇器允許選擇網(wǎng)頁(yè)元素的類進(jìn)行樣式表應(yīng)用。類選擇器以“.”符號(hào)標(biāo)識(shí)，后面緊跟類名稱。類選擇器是以一種獨(dú)立于文檔元素的方式來(lái)指定樣式，使用類選擇器之前必須在HTML元素上定義類名，換句話說(shuō)需要保證類名在HTML標(biāo)記中存在，這樣才能選擇類。CSS基礎(chǔ)選擇器類選擇器還可以結(jié)合元素選擇器來(lái)使用。如有多個(gè)元素使用了類名“items”，但只需要在使用類型“items”的li元素上修改樣式，則可將類名稱定義為“l(fā)i.items”。注意：

①在網(wǎng)頁(yè)中只要網(wǎng)頁(yè)元素的class屬性定義為classname，都將會(huì)受到該樣式表的影響，而不管它具體是何種類型的網(wǎng)頁(yè)元素。

②類名稱的第一個(gè)字符不能使用數(shù)字，因?yàn)樗鼰o(wú)法在瀏覽器中起作用。CSS基礎(chǔ)選擇器現(xiàn)場(chǎng)演示：案例8-03：類選擇器CSS基礎(chǔ)選擇器CSS中的ID選擇器允許選擇網(wǎng)頁(yè)元素的ID進(jìn)行樣式表應(yīng)用，以“#”標(biāo)識(shí)，后面緊跟HTML元素ID名稱。ID選擇器的使用過(guò)程：為某元素建立一個(gè)獨(dú)有的ID。使用ID選擇器對(duì)該元素進(jìn)行樣式表應(yīng)用。注意：網(wǎng)頁(yè)元素的ID是唯一的，對(duì)應(yīng)的CSSID選擇器內(nèi)的樣式表也只能作用于唯一的一個(gè)ID元素。C