要想將CSS樣式應(yīng)用于特定的HTML元素，首先要找到該目標(biāo)元素。在CSS中，執(zhí)行這一任務(wù)的樣式規(guī)則部分被稱為選擇器。在CSS中有很多的選擇器，包含標(biāo)記(標(biāo)簽)選擇器、類別選擇器、id選擇器、通配符選擇器、標(biāo)簽指定選擇器、后代選擇器、并集選擇器等，我們來簡單介紹一下！

1.標(biāo)記選擇器(標(biāo)簽)標(biāo)記選擇器是指用HTML標(biāo)記名稱作為選擇器，按標(biāo)記名稱分類，為頁面中某一類標(biāo)記指定統(tǒng)一的CSS樣式。他的基本語法格式為：

標(biāo)記名 { 屬性1:屬性值1; 屬性2:屬性值2; ... }

2.類選擇器類選擇器使用“.”(英文點(diǎn)號)進(jìn)行標(biāo)識，后面緊跟類名。其基本語法格式為：

.類名 { 屬性1:屬性值1; 屬性2:屬性值2; ... }

需要注意的是類名的第一個(gè)字符不能使用數(shù)字，并且嚴(yán)格區(qū)分大小寫，一般采用小寫的英文字符。

3.id選擇器id選擇器使用“#”井號進(jìn)行標(biāo)識，后面緊跟id名，其基本語法格式如下：

#id名 { 屬性1:屬性值1; 屬性2:屬性值2; ... }

4.通配符選擇器通配符選擇器用“*”星號表示，他是所有選擇器中作用范圍最廣的，能匹配頁面中所有的元素。他的基本語法格式為：

* { 屬性1:屬性值1; 屬性2:屬性值2; ... }

5.標(biāo)簽指定式選擇器標(biāo)簽指定式選擇器，有兩個(gè)選擇器構(gòu)成，其中第一個(gè)為標(biāo)記選擇器，第二個(gè)為class選擇器或者id選擇器，兩個(gè)選擇器之間不能有空格，比方說h1.space或p#one。

6.后代選擇器后代選擇器用來選擇元素或者元素組的后代，其寫法就是把外層標(biāo)記寫在前面，內(nèi)層標(biāo)記寫在后面，中間用空格分割。當(dāng)編輯發(fā)生嵌套時(shí)，內(nèi)層標(biāo)記就成為外層標(biāo)記的后代。

7.并集選擇器并集選擇器是各個(gè)選擇器通過逗號連接而成的，任何形式的選擇器都可以作為并集選擇器的一部分。如果某些選擇器定義的樣式完全或部分相同，可利用并集選擇器為他們定義相同的樣式。

標(biāo)簽、ID、類別選擇器

我們可以按照標(biāo)簽來選擇，可以對不同的標(biāo)簽設(shè)置不同的樣式：

標(biāo)簽選擇器 p{color:red;} span{color:green;}

這是一個(gè)p標(biāo)簽

這是一個(gè)span標(biāo)簽

總結(jié)

以上是生活随笔為你收集整理的css基础选择器教程,CSS核心基础 一些常见的选择器的使用 小白教程的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。