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

CSS選擇器就是指定CSS要作用的標簽，那個標簽的名稱就是選擇器。意為：選擇哪個容器。

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

CSS選擇器分類：

標簽選擇器、類選擇器、ID選擇器、全局選擇器、群組選擇器、后代選擇器、偽類選擇器

1、html標簽選擇器：

定義：以html標簽作為選擇器

2、class類選擇器：

定義：為HTML標簽添加class屬性，通過類選擇器來為具有此class屬性的元素設置css樣式。

類選擇器也可以對不同類型元素的同一個名稱的類選擇器設置不同的樣式規(guī)則：

同一個元素可以設置多個類，之間用空格隔開：

3、ID選擇器

定義：為HTML標簽添加ID屬性，通過ID選擇器來為具有此ID的元素設置CSS規(guī)則

4、群組選擇器

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

5、全局選擇器

定義：所有標簽設置樣式

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

6、后代選擇器

定義：使用后代選擇器設置，之間用空格隔開，后代選擇器可以多層。

7、偽類選擇器

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

偽類

說明

:link

未訪問的鏈接

:visited

已訪問的鏈接

:hover

鼠標懸停狀態(tài)

:active

激活的鏈接

:hover 用于訪問的鼠標經(jīng)過某個元素時；

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

偽類選擇器的屬性：link visited hover active

說明：

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

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

3) 偽類名稱對大小寫不敏感

8、CSS其它選擇器

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

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

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

class選擇器次之（class選擇器可以多個）

元素選擇器再次之

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

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

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

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

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

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

常用CSS命名

header

頁頭

main

主體

footer

頁尾

nav

導航

sidebar

側(cè)欄

container

容器

column

欄目

title

標簽

menu

菜單

submenu

子菜單

*列舉常用命名，大家根據(jù)自身項目及團隊的規(guī)則命名

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

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

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

css樣式有哪幾種選擇器？

CSS選擇器、優(yōu)先級與匹配原理\x0d\x0a1.id 選擇器（#myid）2.類選擇器（.myclassname）3.標簽選擇器（div,h1,p）4.相鄰選擇器（h1+p）5.子選擇器（ul 通配選擇符的權(quán)值 0,0,0,0\x0d\x0a2.標簽的權(quán)值為 0,0,0,1\x0d\x0a3.類的權(quán)值為 0,0,1,0\x0d\x0a4.屬性選擇的權(quán)值為 0,0,1,0\x0d\x0a5.偽類選擇的權(quán)值為 0,0,1,0\x0d\x0a6.偽對象選擇的權(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從上面我們可以得出兩個關鍵的因素：\x0d\x0a1.權(quán)值的大小跟選擇器的類型和數(shù)量有關\x0d\x0a2.樣式的優(yōu)先級跟樣式的定義順序有關

css有哪些種類的選擇器

主要的css選擇器如下：

1、標簽選擇器

2、類選擇器

3、ID選擇器

4、全局選擇器

5、組合選擇器

6、繼承選擇器

7、偽類選擇器

層疊樣式表(英文全稱：Cascading Style Sheets)是一種用來表現(xiàn)HTML（標準通用標記語言的一個應用）或XML（標準通用標記語言的一個子集）等文件樣式的計算機語言。

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

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

當前文章：css樣式選擇器,css的樣式選擇器
文章地址：http://jinyejixie.com/article42/dsedgec.html

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

廣告

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