午夜勾魂曲-午夜福利自怕-午夜福利在线观看6080-午夜福利院电影-国产精品毛片AV久久97-国产精品麻豆高潮刺激A片

html+css基礎教程入門篇之css選擇器詳細解讀

2020-2-18    前端達人

CSS 選擇器分組



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



例如希望h2和p標簽的字體顏色都設置為黑色,則可以寫成:



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;}



當有多個標簽有相同屬性時,可以抽出相同屬性進行分組,不同的屬性另外書寫樣式。



除了使用標簽來進行相同標簽CSS選擇外,還可以使用類選擇器來選擇。



類選擇器前面使用符號.



(1)基本使用



為了將類選擇器的樣式與元素關聯,必須將 class 指定為一個適當的值。例如:



<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標簽的字體顏色也就都是紅色。



(2)結合元素選擇器



類選擇器可以結合元素選擇器來使用。



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



p.important {color:red;}

這個樣式表示的是,所有class為important ,且為p標簽的元素中的字體為紅色。其他標簽的無效。



(3)CSS 多類選擇器



一個標簽可以定義多class,則這個標簽有這多個class的所有屬性,例如:



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

important warning.</p>





.important {font-weight:bold;}

.warning {color:red;}



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

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

版權聲明:本文為CSDN博主「前端學習線路」的原創文章,遵循 CC 4.0 BY-SA 版權協議,轉載請附上原文出處鏈接及本聲明。

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

日歷

鏈接

個人資料

藍藍設計的小編 http://m.gerard.com.cn

存檔

主站蜘蛛池模板: 国产成人精品综合在线观看 | 嫩草视频在线观看免费 | 亚洲精品午夜久久久伊人 | 國產日韓亞洲精品AV | 日本精品久久久久中文字幕 | 曰批视频免费40分钟不要钱 | 久久久久久久久久久福利观看 | 91传媒蜜桃香蕉在线观看 | 美女扒开腿让男人桶个爽 | 午夜福利影院私人爽爽 | 久久精品国产欧美成人 | 哺乳期妇女挤奶水36d | 国产亚洲视频中文字幕 | 99久久国产露脸精品竹菊传煤 | china chinese中国人玩 | 无套日出白浆在线播放 | 国产久久热99视频 | 亚洲欧美中文字幕先锋 | 色欲国产麻豆一精品一AV一免费 | 久久精品AV一区二区无码 | 年轻漂亮的妺妺中文字幕版 | 久热这里只有精品99国产6 | 伊人亚洲AV久久无码精品 | 亚洲精品久久久无码 | 网红主播 国产精品 开放90后 | 兰桂坊人成社区亚洲精品 | 中文字幕在线视频网站 | 69久久国产精品热88人妻 | 精品爽爽久久久久久蜜臀 | 快播av种子| 午夜福利理论片高清在线 | 免费视频亚洲 | 最新国产成人综合在线观看 | 亚洲大片在线观看 | 澳大利亚剧满足在线观看 | 日韩欧美中文字幕在线二视频 | 小伙无套内射老女人 | 抽插性奴中出乳精内射 | 久久青青热| 爽爽影院线观看免费 | 亚洲日韩天堂在线中文字幕 |