css 選擇符介紹

一，css選擇符分類

css選擇符分為很多類，包括：類型選擇符，class選擇符，id選擇符，通用選擇符，分組選擇符，包含選擇符，元素指定選擇符，子對象選擇符，屬性選擇符，下面我們來一一講解

1.類型選擇符

類型選擇符是指以文檔對象模型（DOM）作為選擇符，即選擇某個HTML標(biāo)簽為對象，設(shè)置其樣式規(guī)則。類型選擇符就是元素本身，定義直接使用元素名稱

格式：

body{css代碼}

2.類選擇符

使用類選擇符可以吧相同的標(biāo)簽定義為不同的樣式。吐過你希望同一種標(biāo)簽在不同的地方使用不同的樣式，就可以先定義兩個類在應(yīng)用時只要在標(biāo)簽中指定它的屬于哪一個類，就可以使用該類樣式。我們可以將不同的元素設(shè)置相同的類名，就哭將不同的元素設(shè)置為相同的樣式

格式

...

3.id選擇符

id選擇符用于對某個單一元素設(shè)置單獨樣式，定義id選擇符時要在id名稱前加上一個‘#’號。

...

其中‘#id名’是定義的id選擇符名稱，該選擇符名稱在文檔中是唯一的只讀頁面中的唯一元素進(jìn)行樣式定義。這樣的樣式定義在頁面中只能出現(xiàn)一次，其使用范圍為整個html文檔中所有引用id

4.通配選擇符

通配選擇符是一種特殊的選擇符，其作用是定義頁面所有元素的樣式，在編碼是用 ‘*’ 代表通配選擇符

格式：

*{css代碼}

5.通用兄弟選擇符E~F

通用兄弟選擇符 E~F 用來指定位于同一個元素之中的某個元素之間的所有其他某個種類的兄弟元素所使用是樣式

格式：

E~F：{att}

其中E,F表示元素，att表示元素的屬性。通用兄弟元素選擇符E~F表示匹配E元素之后的F元素。

6.分組選擇符

分組選擇符指的是對多個變遷設(shè)置同意樣的樣式，在不同的類型中，表示同一樣的樣式

格式：

E1,E2,E3{CSS代碼}

當(dāng)多個對象定義了相同的樣式時，用戶可以吧他們分為一組這樣能夠簡化代碼讀寫

.class{css代碼} .calss2{css代碼} 可以分組為 .class,class2{css代碼}

7.偽類選擇符

下面講解一些特殊的選擇符

偽類可以讓用戶在使用頁面的過程中增加更多的交互效果，具體代碼實例如下：

a:link{css代碼}/*未訪問的鏈接狀態(tài)*/ a:visited{css代碼}/*已訪問的鏈接狀態(tài)*/ a:hover{css代碼}/*鼠標(biāo)移入的鏈接狀態(tài)*/ a:active{css代碼}/*被激活的鏈接狀態(tài)*/

8.偽元素

與偽類的方式相似，偽元素通過對插入到文檔中的虛構(gòu)元素進(jìn)行觸發(fā)，從而達(dá)到某種效果，偽元素格式為：

選擇符:偽元素{屬性:屬性值;}

CSS

版權(quán)聲明：本文內(nèi)容由網(wǎng)絡(luò)用戶投稿，版權(quán)歸原作者所有，本站不擁有其著作權(quán)，亦不承擔(dān)相應(yīng)法律責(zé)任。如果您發(fā)現(xiàn)本站中有涉嫌抄襲或描述失實的內(nèi)容，請聯(lián)系我們jiasou666@gmail.com 處理，核實后本網(wǎng)站將在24小時內(nèi)刪除侵權(quán)內(nèi)容。

版權(quán)聲明：本文內(nèi)容由網(wǎng)絡(luò)用戶投稿，版權(quán)歸原作者所有，本站不擁有其著作權(quán)，亦不承擔(dān)相應(yīng)法律責(zé)任。如果您發(fā)現(xiàn)本站中有涉嫌抄襲或描述失實的內(nèi)容，請聯(lián)系我們jiasou666@gmail.com 處理，核實后本網(wǎng)站將在24小時內(nèi)刪除侵權(quán)內(nèi)容。