<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title> 組合選擇器之多元素選擇器 </title>
<style type="text/css">
/*組合器細節:
1.為了代碼簡潔,可以把各個類型的選擇器共同的樣式,寫在一起,用逗號隔開(,),做成多元素選擇器
2.如果樣式,顏色發成沖突,以靠后的代碼為準;
*/
.span1,.span2,.span3,.span4,#id1{
color:red;
font-weight:bold;
}
.span3{
font-size:30px;
color:blue;
}
.span4{
font-size:50px;
background-color:silver;
}
#id1{
background-color:silver;
}
</style>
</head>
<body>
<span class="span1">hello,world!</span><br>
<span class="span2">hello,老哥!</span><br>
<span class="span3">hello,老弟!</span><br>
<span class="span4">hello,老高!</span><br><br>
<span id="id1">hello,老東!</span><br>
</body>
</html>
Day.01.04 組合選擇器之多元素選擇器
最后編輯于 ：
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明：文章內容（如有圖片或視頻亦包括在內）由作者上傳并發布，文章內容僅代表作者本人觀點，簡書系信息發布平臺，僅提供信息存儲服務。
平臺聲明：文章內容（如有圖片或視頻亦包括在內）由作者上傳并發布，文章內容僅代表作者本人觀點，簡書系信息發布平臺，僅提供信息存儲服務。
- 文/潘曉璐 我一進店門，熙熙樓的掌柜王于貴愁眉苦臉地迎上來，“玉大人，你說我怎么就攤上這事。” “怎么了？”我有些...
- 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著，像睡著了一般。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發上，一...
- 文/蒼蘭香墨 我猛地睜開眼，長吁一口氣：“原來是場噩夢啊……” “哼！你這毒婦竟也來了？” 一聲冷哼從身側響起，我...
推薦閱讀更多精彩內容
- 今天簡書首頁改樣式,真有點不習慣. 總結:如果后代選擇器中需要特別的樣式,那我們可以用類選擇器來完成優先級:標簽選...
- 總結:當不敢改動別人代碼的時候,可以選擇添加一個類選擇器修飾同一個html元素優先級:id選擇器>類選擇器
