web.jpeg
1.層疊性
- 層疊性就是一個(gè)標(biāo)簽有多個(gè)樣式屬性，產(chǎn)生了屬性沖突，層疊性就是解決沖突的，覆蓋前面的樣式
image.png
image.png
2.繼承性
- 主要是指:
子元素會繼承父元素的一些樣式 - 一般是
文本類的,比如:color，或者以text-,line-,font-開頭的屬性樣式可以繼承，及時(shí)關(guān)于文字類的樣式 - 注意:
a標(biāo)簽不會繼承父類的color的屬性樣式
<style>
div{
color: red;
font-size: 20px;
}
</style>
<div>
<p>這是一個(gè)段落</p>
<a href="#">這是一個(gè)a標(biāo)簽</a>
<ul>
<li>這是一個(gè)ul列表</li>
</ul>
</div>
image.png
3.優(yōu)先級(權(quán)重)
前面說的層疊性產(chǎn)生覆蓋，是
權(quán)重相同的情況下,如果權(quán)重不同，那么就會出現(xiàn)不同的情況,那么權(quán)重是怎么計(jì)算的呢?
權(quán)重的大小是根據(jù)，
id選擇器，類選擇器，和標(biāo)簽選擇器的數(shù)量決定的
標(biāo)簽選擇器 權(quán)重是 0 0 0 1
類和偽類的權(quán)重是 0 0 1 0
id選擇器的權(quán)重是 0 1 0 0
行內(nèi)樣式的權(quán)重是 1 0 0 0
如果在屬性后面加上!important權(quán)重是無限大
image.png
從上圖的中可以知道， 第一個(gè)樣式的權(quán)重比較大 所以顯示的樣式是
紅色字體
image.png
如果權(quán)重一樣大，就用到
層疊性誰在后面聽誰的 比如:
image.png
image.png
注意：在設(shè)置 文本的樣式的時(shí)候，必須是選中的 這個(gè)文本標(biāo)簽，如果沒有選中的話，通過繼承類的，那權(quán)重是0。
image.png
