一.繼承性
<style>
div{
color: red;
text-decoration: underline;
background-color: blue;
}
</style>
<!--繼承性
作用:給父元素設置一些屬性,子元素也可以使用
注意點:
1.并不是所有的屬性都可以繼承
只有以color/font-/text-/line開頭的屬性才可以繼承
2.在CSS繼承中不僅僅是兒子可以繼承,只要是后代都可以繼承
3.css繼承性中的特殊性
3.1 a標簽的文字顏色顏色和下劃線不能繼承
3.2 h標簽的文字大小是不能繼承的
應用場景:
一般用于設置網頁上的一些共性信息,例如網頁的文字顏色字體,文字大小等
-->
</head>
<body>
<div>
<p>我是段落</p>
<a href="#">我是超鏈接</a>
</div>
<div>
<a href="#">我是超鏈接</a>
</div>
</body>
二：層疊性
<title>層疊性</title>
<style>
p{
color: red;
}
.para{
color: blue;
}
</style>
</head>
<!--什么是層疊性
層疊性就是CSS處理沖突的一種能力
注意點:
層疊性只有在多個選擇器中,"同一個標簽",然后又設置了相同的屬性
才會發生層疊性
CSS Casecading StyleSheet
層疊式樣式表
-->
<body>
三：優先級
<!--
優先級:
作用:當多個選擇器選中同一個標簽,并且給同一個標簽設置相同的屬性時
如何層疊就有優先級來確定
2.優先級判斷的三種方式:
2.1 間接選中就是指繼承
如果是間接選中,那么就是誰離目標標簽近就聽誰的
2.2 是否相同選擇器
如果是相同選擇器,誰寫在后面就聽誰的
2.3 不同選擇器
如果都是直接選中,并且不是相同的類型的選擇器,
那么機會按照選擇器的優先級來層疊
id > 類 > 標簽 > 通配符 > 繼承 > 瀏覽器默認
-->
<!--
1.什么是important
作用:用于提升某個直接選中標簽的選擇器中的
某個屬性的優先級,可以將被指定為的屬性的優先級
提升為最高
注意點:
1.important只能用于直接選中,不能用于間接選中
2.通配符選擇器選中的標簽也是直接選中的
3.!important 只能提升被選中的標簽的優先級
其他的屬性的優先級不會被提升
4.!important必須寫在分號的前面
5.important前民的感嘆號不能省略
-->
<!--權重問題:
什么是優先級的權重?
作用:當多個選擇器混合在一起使用時,我們可以通過計算權重
來判斷誰的優先級最高
2.權重的計算規則
2.1 首先計算選擇器中有多少個id,id多的選擇器優先級最高
2.2 如果id的個數一樣,那么再看類名的個數,類名個數多個優先級高
2.3 如果類名的個數一樣,那么再看標簽名的個數,標簽名稱個數多
的優先級搞
2.4 如果id個數一樣,類名個數一樣,標簽的個數也一樣,誰寫在后面
誰的優先級高
注意點:
1. 權重只要在選擇器是直接選中的標簽才需要計算權重
2.
-->html 5- CSS三大特性
最后編輯于 ：
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明：文章內容（如有圖片或視頻亦包括在內）由作者上傳并發布，文章內容僅代表作者本人觀點，簡書系信息發布平臺，僅提供信息存儲服務。
平臺聲明：文章內容（如有圖片或視頻亦包括在內）由作者上傳并發布，文章內容僅代表作者本人觀點，簡書系信息發布平臺，僅提供信息存儲服務。
- 文/潘曉璐 我一進店門，熙熙樓的掌柜王于貴愁眉苦臉地迎上來，“玉大人，你說我怎么就攤上這事。” “怎么了？”我有些...
- 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著，像睡著了一般。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發上，一...
- 文/蒼蘭香墨 我猛地睜開眼，長吁一口氣：“原來是場噩夢啊……” “哼！你這毒婦竟也來了？” 一聲冷哼從身側響起，我...
推薦閱讀更多精彩內容
- CSS選擇器 標簽選擇器 什么是標簽選擇器? 作用: 根據指定的標簽名稱, 在當前界面中找到所有該名稱的標簽, 然...
- 原文鏈接：Xbox Game Pass Alpha Ends Soon, Suggesting Full Rele...
