CSS注釋

CSS修改頁(yè)面中的所有標(biāo)簽，必須借助選擇器選中。
選擇器中，可以寫多對(duì)CSS屬性，用{}包裹；
每個(gè)屬性名與屬性值之間用:分隔，多對(duì)屬性之間，必須用;來分隔

選擇器{
?屬性1:屬性值1;
?屬性2:屬性值2;

【選擇器的命名規(guī)范】

1、只能有字母、數(shù)字、下劃線、減號(hào)組成。
2、開頭不能是數(shù)字，也不能是只有一個(gè)減號(hào)。
一般，起名要求有語(yǔ)義，使用英文單詞與數(shù)字的組合。

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

寫法：HTML標(biāo)簽名{}
作用：可以選中頁(yè)面中，所有與選擇器同名的HTML標(biāo)簽。

例如：

li{
　　color:red;
　　font-size: 48px;
}

?

2、類選擇器（class選擇器）

寫法：.class名{}
調(diào)用：在需要調(diào)用選擇器樣式的標(biāo)簽上，使用class=“class名”調(diào)用選擇器
優(yōu)先級(jí)：class選擇器>標(biāo)簽選擇器

例如：

.first{
　　color: blue;
}

3、ID選擇器

寫法：#ID名{}
調(diào)用：需要調(diào)用樣式的標(biāo)簽，起一個(gè)id=“ID名”
優(yōu)先級(jí)：ID選擇器>class選擇器
注意：一個(gè)頁(yè)面中，不能出現(xiàn)同名ID

例如：
#one{
　　background-color: yellow;
}

?

　　　　　　 ??【class選擇器和ID選擇器的區(qū)別】
　　　　　　　1、寫法不同：class選擇器用.聲明，ID選擇器用#聲明；
　　　　　　　2、優(yōu)先級(jí)不同：ID選擇器>class選擇器；
　　　　　　　3、作用范圍不同：class選擇器可以多次調(diào)用，ID選擇器只能使用一次。

?

4、通用選擇器
寫法：*{}
作用：可以選中頁(yè)面中所有的HTML標(biāo)簽。
優(yōu)先級(jí)：最低！！
例如：
*{
　　color: orange;
}

5、并集選擇器
寫法：選擇器1，選擇器2,.....,選擇器n{}
生效規(guī)則：多個(gè)選擇器取并集，只要標(biāo)簽滿足其中任意一個(gè)選擇器，樣式即可生效。
例如：
li,.first{
　　color: red;
}

6、交集選擇器
寫法：選擇器1選擇器2......選擇器n{} 所有選擇器緊挨著，沒有分隔
生效規(guī)則：多個(gè)選擇器取交集，則必須滿足所有選擇器的要求，才能生效
例如：
li.first{
　　color:red;
}

7、后代選擇器
寫法：選擇器1選擇器2......選擇器n{} 選擇器之間空格分隔
生效規(guī)則：只要滿足，后一選擇器是前一個(gè)選擇器的后代，即可生效。（后代包括子代、
孫代、重孫代 。。。）
例如：
div span{
　　color:orange
}

8、子代選擇器
寫法：選擇器1>選擇器2>......>選擇器n{} 選擇器之間用>分隔
生效規(guī)則：必須滿足，后一個(gè)選擇器是前一個(gè)選擇器的直接子代，才能生效。（
?中間不能間隔任何標(biāo)簽）
例如：
div>span{?
　　color: orangered;
}

?

【優(yōu)先級(jí)的權(quán)重問題】
1、css生效的第一原則是“近者優(yōu)先”！即，哪個(gè)選擇器作用于最里層標(biāo)簽，則這個(gè)選擇器生效；

2、當(dāng)選擇器作用于同一層時(shí)，可以根據(jù)優(yōu)先級(jí)權(quán)重，進(jìn)行累加計(jì)算：
?ID選擇器為100 > class選擇器為10 > 標(biāo)簽選擇器為1
?注意：并集選擇器，相當(dāng)于多個(gè)選擇器拆開寫，所以，并集選擇器的優(yōu)先級(jí)不能累加。

3、當(dāng)選擇器作用于同一層，且優(yōu)先級(jí)權(quán)重相等時(shí)。則，寫在最后的選擇器生效。

轉(zhuǎn)載于:https://www.cnblogs.com/rsj1/p/7402348.html

總結(jié)

以上是生活随笔為你收集整理的CSS常用的选择器和优先级的权重问题的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問題。

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