這篇文章將為大家詳細(xì)講解有關(guān)css選擇器有幾種分類,小編覺得挺實用的,因此分享給大家做個參考,希望大家閱讀完這篇文章后可以有所收獲。
專注于為中小企業(yè)提供做網(wǎng)站、網(wǎng)站設(shè)計服務(wù),電腦端+手機端+微信端的三站合一,更高效的管理,為中小企業(yè)印臺免費做網(wǎng)站提供優(yōu)質(zhì)的服務(wù)。我們立足成都,凝聚了一批互聯(lián)網(wǎng)行業(yè)人才,有力地推動了上1000家企業(yè)的穩(wěn)健成長,幫助中小企業(yè)通過網(wǎng)站建設(shè)實現(xiàn)規(guī)模擴充和轉(zhuǎn)變。
css選擇器的分類有:1、標(biāo)簽選擇器;2、類選擇器;3、ID選擇器;4、全局選擇器;5、組合選擇器;6、繼承選擇器;7、偽類選擇器;8、字符串匹配的屬性選擇符。
本教程操作環(huán)境:windows7系統(tǒng)、CSS3&&HTML5版、Dell G3電腦。
css選擇器的種類是有很多的,下面我們就來看一看css選擇器的類型
1、標(biāo)簽選擇器(如:body,p,p,ul,li)。
2、類選擇器(如:class=“head”,class=“head_logo”) 。
3、ID選擇器(如:id=“name”,id=“name_txt”)。
4、全局選擇器(如:*號)。
5、組合選擇器(如:.head .head_logo,注意兩選擇器用空格鍵分開)。
6、繼承選擇器(如:p p,注意兩選擇器用空格鍵分開)。
7、偽類選擇器(如:就是鏈接樣式,a元素的偽類,4種不同的狀態(tài):link、visited、active、hover。)。
8、字符串匹配的屬性選擇符(^ $ *三種,分別對應(yīng)開始、結(jié)尾、包含) 。
上述八種css選擇器中最常用的css選擇器是標(biāo)簽選擇器、.類選擇器、ID選擇器、屬性選擇器、偽類選擇器。
下面我們就分別對這五個css選擇器來舉一個例子:(其他選擇器例子可以參考css手冊)
(1)標(biāo)簽選擇器:
Document 余生有你
幸得安喜
效果如下:
(2).類選擇器:
Document divdivdiv
效果如下:
(3)ID選擇器:
Document divdivdiv
效果如下:
(4)屬性選擇器:
Document divdivdiv
效果如下:
(5)偽類選擇器:
Document 哈嘍,看我,你在干什么
效果:
css的全稱是Cascading Style Sheets(層疊樣式表),它是一種用來表現(xiàn)HTML或XML等文件樣式的計算機語言。CSS不僅可以靜態(tài)地修飾網(wǎng)頁,還可以配合各種腳本語言動態(tài)地對網(wǎng)頁各元素進(jìn)行格式化。
關(guān)于“css選擇器有幾種分類”這篇文章就分享到這里了,希望以上內(nèi)容可以對大家有一定的幫助,使各位可以學(xué)到更多知識,如果覺得文章不錯,請把它分享出去讓更多的人看到。