无遮挡18禁啪啪免费观看 I 秋霞成人av I brandilove欧美三区 I 激情偷乱人伦小说视频 I 人人插人人艹 I www.亚洲com I 波多野结衣av高清一区二区三区 I 精品无码国产污污污免费网站 I 美女张开腿给男人桶爽久久 I 国产精品久久久久久久免费 I 国内精品久久99 I 亚洲精品无码专区 I 亚洲免费视频一区二区 I 午夜xxx I 国产一区啪啪 I 丝袜激情网 I 日韩精品久久久久久久 I 欧美香蕉视频 I 成人片免费看 I 天天色综合2 I 寡妇被老头舔到高潮的视频 I 亚洲第一页在线 I 国产放荡av国产精品 I 在线精品视频一区二区 I 免费黄色片在线观看 I 秋霞伊人网 I www.伊人 I 久草在线91 I 女人啪啪免费av大片 I 欧美一区二区综合 I 精品久久久久久天美传媒 I 黄色工厂在线观看 I 91精品国产色综合 I 动漫美女被到爽 I 丁香午夜激情

html+css基礎(chǔ)教程入門篇之css選擇器詳細(xì)解讀

2020-2-18    前端達(dá)人

CSS 選擇器分組



CSS選擇器分組，可以把定義相同屬性的不同標(biāo)簽做為一組處理，縮短了CSS樣式編寫的時(shí)間和CSS樣式表的大小。



例如希望h2和p標(biāo)簽的字體顏色都設(shè)置為黑色，則可以寫成：



h2,p{color:black;}

通過分組，可以將相同屬性的樣式“壓縮”在一起，這樣就可以得到更簡潔的樣式表。例如：



/ no grouping /

h1 {color:blue;}

h2 {color:blue;}

h3 {color:blue;}

h4 {color:blue;}

h5 {color:blue;}

h6 {color:blue;}



/ grouping /

h1, h2, h3, h4, h5, h6 {color:blue;}



當(dāng)有多個(gè)標(biāo)簽有相同屬性時(shí)，可以抽出相同屬性進(jìn)行分組，不同的屬性另外書寫樣式。



除了使用標(biāo)簽來進(jìn)行相同標(biāo)簽CSS選擇外，還可以使用類選擇器來選擇。



類選擇器前面使用符號.



(1)基本使用



為了將類選擇器的樣式與元素關(guān)聯(lián)，必須將 class 指定為一個(gè)適當(dāng)?shù)闹怠＠纾?br />


<h1 class="important">This heading is very important.</h1>

<p class="important">This paragraph is very important.</p>

在樣式表中定義：



.important {color:red;}

這樣定義后，class為important的h1和p標(biāo)簽的字體顏色也就都是紅色。



(2)結(jié)合元素選擇器



類選擇器可以結(jié)合元素選擇器來使用。



例如，您可能希望只有段落顯示為紅色文本：



p.important {color:red;}

這個(gè)樣式表示的是，所有class為important ，且為p標(biāo)簽的元素中的字體為紅色。其他標(biāo)簽的無效。



(3)CSS 多類選擇器



一個(gè)標(biāo)簽可以定義多class，則這個(gè)標(biāo)簽有這多個(gè)class的所有屬性，例如：



<p class="important warning">This paragraph is a very 

important warning.</p>





.important {font-weight:bold;}

.warning {color:red;}



例子中為p標(biāo)簽定義了important和warning兩個(gè)class,所以p標(biāo)簽的字體是加粗且字體顏色是紅色的。

————————————————

版權(quán)聲明：本文為CSDN博主「前端學(xué)習(xí)線路」的原創(chuàng)文章，遵循 CC 4.0 BY-SA 版權(quán)協(xié)議，轉(zhuǎn)載請附上原文出處鏈接及本聲明。

原文鏈接：https://blog.csdn.net/webxuexi168/article/details/104349157

日歷

鏈接

個(gè)人資料

存檔