詳解CSS樣式選擇器有哪些?

CSS選擇器就是指定CSS要作用的標(biāo)簽，那個(gè)標(biāo)簽的名稱(chēng)就是選擇器。意為：選擇哪個(gè)容器。

成都創(chuàng)新互聯(lián)長(zhǎng)期為上1000+客戶(hù)提供的網(wǎng)站建設(shè)服務(wù)，團(tuán)隊(duì)從業(yè)經(jīng)驗(yàn)10年，關(guān)注不同地域、不同群體，并針對(duì)不同對(duì)象提供差異化的產(chǎn)品和服務(wù)；打造開(kāi)放共贏平臺(tái)，與合作伙伴共同營(yíng)造健康的互聯(lián)網(wǎng)生態(tài)環(huán)境。為賓川企業(yè)提供專(zhuān)業(yè)的成都做網(wǎng)站、網(wǎng)站設(shè)計(jì)、外貿(mào)營(yíng)銷(xiāo)網(wǎng)站建設(shè)，賓川網(wǎng)站改版等技術(shù)服務(wù)。擁有10年豐富建站經(jīng)驗(yàn)和眾多成功案例,為您定制開(kāi)發(fā)。

CSS選擇器分類(lèi)：

標(biāo)簽選擇器、類(lèi)選擇器、ID選擇器、全局選擇器、群組選擇器、后代選擇器、偽類(lèi)選擇器

1、html標(biāo)簽選擇器：

定義：以html標(biāo)簽作為選擇器

2、class類(lèi)選擇器：

定義：為HTML標(biāo)簽添加class屬性，通過(guò)類(lèi)選擇器來(lái)為具有此class屬性的元素設(shè)置css樣式。

類(lèi)選擇器也可以對(duì)不同類(lèi)型元素的同一個(gè)名稱(chēng)的類(lèi)選擇器設(shè)置不同的樣式規(guī)則：

同一個(gè)元素可以設(shè)置多個(gè)類(lèi)，之間用空格隔開(kāi)：

3、ID選擇器

定義：為HTML標(biāo)簽添加ID屬性，通過(guò)ID選擇器來(lái)為具有此ID的元素設(shè)置CSS規(guī)則

4、群組選擇器

定義：集體統(tǒng)一設(shè)置樣式

5、全局選擇器

定義：所有標(biāo)簽設(shè)置樣式

HTML文檔結(jié)構(gòu)圖

6、后代選擇器

定義：使用后代選擇器設(shè)置，之間用空格隔開(kāi)，后代選擇器可以多層。

7、偽類(lèi)選擇器

鏈接的四種狀態(tài)：激活狀態(tài)，已訪問(wèn)狀態(tài)，未訪問(wèn)狀態(tài)，鼠標(biāo)懸停狀態(tài)。

偽類(lèi)

說(shuō)明

:link

未訪問(wèn)的鏈接

:visited

已訪問(wèn)的鏈接

:hover

鼠標(biāo)懸停狀態(tài)

:active

激活的鏈接

:hover 用于訪問(wèn)的鼠標(biāo)經(jīng)過(guò)某個(gè)元素時(shí)；

:active 用于一個(gè)元素被激活時(shí)（即按下鼠標(biāo)之后放開(kāi)鼠標(biāo)之前的狀態(tài)）

偽類(lèi)選擇器的屬性：link visited hover active

說(shuō)明：

1)?a:hover 必須置于?a:link和a:visited之后，才有效

2) a:active 必須置于 a:hover之后才有效

3) 偽類(lèi)名稱(chēng)對(duì)大小寫(xiě)不敏感

8、CSS其它選擇器

css繼承特性，從父元素那繼承部分css屬性

選擇器的優(yōu)先級(jí)

ID選擇優(yōu)先級(jí)最高（id選擇器定義具有唯一性）

class選擇器次之（class選擇器可以多個(gè)）

元素選擇器再次之

其它選擇器優(yōu)先級(jí)主要根據(jù)定義的先后順序，最后定義的優(yōu)先級(jí)高

!important 加重選擇器的優(yōu)先級(jí)，添加在樣式規(guī)則之后，中間用空格隔開(kāi)。

CSS選擇器命名規(guī)則

1：采用英文字母，數(shù)字以及"-" 和 "_" 命名

2：以小寫(xiě)字母開(kāi)頭，不能以數(shù)字和"-"?和 "_" 開(kāi)頭

3：使用有意義的命名規(guī)范

常用CSS命名

header

頁(yè)頭

main

主體

footer

頁(yè)尾

nav

導(dǎo)航

sidebar

側(cè)欄

container

容器

column

欄目

title

標(biāo)簽

menu

菜單

submenu

子菜單

*列舉常用命名，大家根據(jù)自身項(xiàng)目及團(tuán)隊(duì)的規(guī)則命名

耐心學(xué)習(xí)基礎(chǔ)知識(shí)，基礎(chǔ)是蓋房的根基，必須打結(jié)實(shí)。

如果您覺(jué)得有用，記得在下方點(diǎn)贊、關(guān)注、留言，我會(huì)定期奉 上更多的驚喜哦，您的打賞支持才是我繼續(xù)努力的動(dòng)力，么么噠。

每日分享在學(xué)習(xí)過(guò)程中總結(jié)的學(xué)習(xí)經(jīng)驗(yàn)，學(xué)習(xí)筆記，筆試題，HTML，CSS，JavaScript，jQuery教程，Vue教程，PHP教程，TinkPHP教程等，望大家能以學(xué)習(xí)為目的，每天閱讀一篇文章，了解身邊的技術(shù)。陪有夢(mèng)想的人一起成長(zhǎng)！

css樣式有哪幾種選擇器？

CSS選擇器、優(yōu)先級(jí)與匹配原理\x0d\x0a1.id 選擇器（#myid）2.類(lèi)選擇器（.myclassname）3.標(biāo)簽選擇器（div,h1,p）4.相鄰選擇器（h1+p）5.子選擇器（ul 通配選擇符的權(quán)值 0,0,0,0\x0d\x0a2.標(biāo)簽的權(quán)值為 0,0,0,1\x0d\x0a3.類(lèi)的權(quán)值為 0,0,1,0\x0d\x0a4.屬性選擇的權(quán)值為 0,0,1,0\x0d\x0a5.偽類(lèi)選擇的權(quán)值為 0,0,1,0\x0d\x0a6.偽對(duì)象選擇的權(quán)值為 0,0,0,1\x0d\x0a7.ID的權(quán)值為 0,1,0,0\x0d\x0a8.important的權(quán)值為最高 1,0,0,0\x0d\x0a使用規(guī)則： 選擇器的權(quán)值加到一起，大的優(yōu)先；如果權(quán)值相同，后定義的優(yōu)先 。\x0d\x0a從上面我們可以得出兩個(gè)關(guān)鍵的因素：\x0d\x0a1.權(quán)值的大小跟選擇器的類(lèi)型和數(shù)量有關(guān)\x0d\x0a2.樣式的優(yōu)先級(jí)跟樣式的定義順序有關(guān)

css有哪些種類(lèi)的選擇器

主要的css選擇器如下：

1、標(biāo)簽選擇器

2、類(lèi)選擇器

3、ID選擇器

4、全局選擇器

5、組合選擇器

6、繼承選擇器

7、偽類(lèi)選擇器

層疊樣式表(英文全稱(chēng)：Cascading Style Sheets)是一種用來(lái)表現(xiàn)HTML（標(biāo)準(zhǔn)通用標(biāo)記語(yǔ)言的一個(gè)應(yīng)用）或XML（標(biāo)準(zhǔn)通用標(biāo)記語(yǔ)言的一個(gè)子集）等文件樣式的計(jì)算機(jī)語(yǔ)言。

CSS不僅可以靜態(tài)地修飾網(wǎng)頁(yè)，還可以配合各種腳本語(yǔ)言動(dòng)態(tài)地對(duì)網(wǎng)頁(yè)各元素進(jìn)行格式化。

CSS 能夠?qū)W(wǎng)頁(yè)中元素位置的排版進(jìn)行像素級(jí)精確控制，支持幾乎所有的字體字號(hào)樣式，擁有對(duì)網(wǎng)頁(yè)對(duì)象和模型樣式編輯的能力。

當(dāng)前文章：css樣式選擇器,css的樣式選擇器
文章地址：http://chinadenli.net/article42/dsedgec.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供搜索引擎優(yōu)化、網(wǎng)站設(shè)計(jì)、App開(kāi)發(fā)、Google、云服務(wù)器、網(wǎng)站營(yíng)銷(xiāo)

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶(hù)投稿、用戶(hù)轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)