css樣式的繼承性、層疊性、優(yōu)先級有什么作用-創(chuàng)新互聯(lián)

這篇文章主要講解了“css樣式的繼承性、層疊性、優(yōu)先級有什么作用”，文中的講解內(nèi)容簡單清晰，易于學(xué)習(xí)與理解，下面請大家跟著小編的思路慢慢深入，一起來研究和學(xué)習(xí)“css樣式的繼承性、層疊性、優(yōu)先級有什么作用”吧！

創(chuàng)新互聯(lián)公司專注于企業(yè)網(wǎng)絡(luò)營銷推廣、網(wǎng)站重做改版、沙坪壩網(wǎng)站定制設(shè)計、自適應(yīng)品牌網(wǎng)站建設(shè)、HTML5、商城開發(fā)、集團(tuán)公司官網(wǎng)建設(shè)、成都外貿(mào)網(wǎng)站制作、高端網(wǎng)站制作、響應(yīng)式網(wǎng)頁設(shè)計等建站業(yè)務(wù)，價格優(yōu)惠性價比高，為沙坪壩等各大城市提供網(wǎng)站開發(fā)制作服務(wù)。

一、css樣式的繼承性:

作用：給父元素設(shè)置一些屬性，子元素也可以使用
應(yīng)用場景：
一般用于設(shè)置網(wǎng)頁上的一些共性信息，例如網(wǎng)頁的文字顏色，字體，文字大小等內(nèi)容。優(yōu)化代碼，降低工作量
注意點：
1.并不是所有的屬性都可以繼承，、
只有color/font-/text-/ line開頭的屬性才能繼承；
2.在css的繼承中，不僅僅是兒子可以繼承，只要是后代
都能繼承
3.繼承性中的特殊性
3.1 a標(biāo)簽的文字和顏色和下劃線是不能繼承父元素的——舉例：
復(fù)制代碼
<style type="text/css">
div{

color:red

font-size:24px;

text-decoration: none;

}

</style>
<body>

< div>

<a heref="#">我是超鏈接</a>

</div>

（上面的代碼，只有p繼承了div設(shè)置的屬性，而a標(biāo)簽是不能繼承父元素的屬性,顏色不會變紅，下劃線也不會被去掉）
復(fù)制代碼
3.2 h標(biāo)簽的文字大小也是不能繼承父元素的(見上面代碼，<h2>標(biāo)簽中我是大標(biāo)題不會繼承<div>的 font-size:24px;屬性，所以需要給<h2>單獨寫個css樣式：h2{font-size:24px;}

應(yīng)用場景：
一般用于設(shè)置網(wǎng)頁上的一些共性信息，例如網(wǎng)頁的文字顏色，
字體，文字大小燈內(nèi)容
格式：
body{屬性：值;}

二、層疊性
比如p標(biāo)簽，給p標(biāo)簽設(shè)置id和class類名，選擇器上選擇p 和p的id或者class類名，設(shè)置相同的屬性，就是層疊性

三、優(yōu)先級：（三一）
作用：當(dāng)多個選擇器（比如選擇p標(biāo)簽和p標(biāo)簽里設(shè)置的id或者class昵稱），選中同一個標(biāo)簽，并且給同一個標(biāo)簽設(shè)置相同的屬性時，
如何層疊就優(yōu)先級來確定。
2.優(yōu)先級判斷的三種方式
2.1 是否直接選中，直接選中指的是直接選中要設(shè)置css樣式的標(biāo)簽，和標(biāo)簽的id或者class類名。（間接選中就是指的是繼承性，比如選擇<ul>那里面的li繼承ul的屬性，就稱為繼承屬性）
如果是間接選中，誰離目標(biāo)標(biāo)簽比較近就聽誰的。
2.2是否是相同的選擇器。
如果是相同選擇器，那么就是誰寫在后面就聽誰的。（比如給兩個p標(biāo)簽設(shè)置css樣式
p{color:blue}
p{color:red｝
那么就會以第二個p為標(biāo)準(zhǔn)，文字變成紅色

2.3不同的選擇器
如果都是直接選中，并且不是相同類型的選擇器，那么就會按照
選擇器的優(yōu)先級來層疊
id>類>標(biāo)簽>通配符>繼承>瀏覽器默認(rèn)

權(quán)重計算

如果選擇器里有直接選中和間接選中。哪怕是間接的選擇器為id選擇器，也會優(yōu)先實行直接選中的效果。

感謝各位的閱讀，以上就是“css樣式的繼承性、層疊性、優(yōu)先級有什么作用”的內(nèi)容了，經(jīng)過本文的學(xué)習(xí)后，相信大家對css樣式的繼承性、層疊性、優(yōu)先級有什么作用這一問題有了更深刻的體會，具體使用情況還需要大家實踐驗證。這里是創(chuàng)新互聯(lián)，小編將為大家推送更多相關(guān)知識點的文章，歡迎關(guān)注！

網(wǎng)站題目：css樣式的繼承性、層疊性、優(yōu)先級有什么作用-創(chuàng)新互聯(lián)
分享地址：http://jinyejixie.com/article22/ccspjc.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供自適應(yīng)網(wǎng)站、域名注冊、虛擬主機(jī)、網(wǎng)站設(shè)計公司、網(wǎng)站內(nèi)鏈、網(wǎng)站導(dǎo)航

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源：創(chuàng)新互聯(lián)

猜你還喜歡下面的內(nèi)容

成人午夜视频全免费观看高清-秋霞福利视频一区二区三区-国产精品久久久久电影小说-亚洲不卡区三一区三区一区

css樣式的繼承性、層疊性、優(yōu)先級有什么作用-創(chuàng)新互聯(lián)

css樣式的繼承性、層疊性、優(yōu)先級有什么作用-創(chuàng)新互聯(lián)