建站
咨詢
售后
建站咨詢
新聞中心
這篇文章主要介紹“ CSS層疊性的概念和特性介紹”，在日常操作中，相信很多人在 CSS層疊性的概念和特性介紹問題上存在疑惑，小編查閱了各式資料，整理出簡單好用的操作方法，希望對大家解答” CSS層疊性的概念和特性介紹”的疑惑有所幫助！接下來，請跟著小編一起來學(xué)習(xí)吧！
創(chuàng)新互聯(lián)公司自2013年創(chuàng)立以來，先為莘縣等服務(wù)建站，莘縣等地企業(yè)，進行企業(yè)商務(wù)咨詢服務(wù)。為莘縣企業(yè)網(wǎng)站制作PC+手機+微官網(wǎng)三網(wǎng)同步一站式服務(wù)解決您的所有建站問題。
CSS層疊性的概念：
有多個選擇器或一個選擇器對某個或某幾個標(biāo)簽中的多條樣式進行選擇，如果多個選擇器都賦給某個或某幾個標(biāo)簽相同屬性，樣式的作用范圍發(fā)生了重疊
CSS層疊性的體現(xiàn)：
1.樣式無沖突
以上代碼中，樣式代碼并無沖突，兩個選擇器中的所有樣式都疊加到了元素div上，div最終呈現(xiàn)的是一個紅色的，寬高度大小為100px的容器。
2.樣式有沖突
樣式有沖突，同一級別不受優(yōu)先級影響時
以上代碼中，在同級別時（同個元素，同是class定義選擇器名稱），樣式代碼出現(xiàn)沖突，兩個選擇器中出現(xiàn)同一條width屬性，則以CSS代碼中最后出現(xiàn)的那條樣式為準(zhǔn)，div最終呈現(xiàn)的是一個width為200px，height為100px,紅色的容器。
樣式有沖突，不同級別受優(yōu)先級（權(quán)重）的影響時，CSS規(guī)定基本選擇器的優(yōu)先級從低到高排序為：元素（標(biāo)記）樣式 < 類別（class）樣式 < ID樣式 < 行內(nèi)樣式 < !important。
2-1：類別（class）樣式 VS 元素（標(biāo)記）樣式
以上代碼中，class樣式的優(yōu)先級大于元素樣式的優(yōu)先級，即使div設(shè)置的width寫在后面，最終呈現(xiàn)的是一個width：200px，height：100px；背景色為紅色的容器。
2-2：ID樣式 VS 類別（class）樣式
以上代碼中，ID樣式的優(yōu)先級大于class樣式的優(yōu)先級，最終呈現(xiàn)的是一個width：200px，height：100px；背景色為黃色的容器。
2-3：行內(nèi)樣式 VS ID樣式
以上代碼中，CSS行內(nèi)樣式優(yōu)先于ID的樣式，div最終呈現(xiàn)的是一個寬度為200px，高度100px，背景顏色為粉色的容器。
到此，關(guān)于“ CSS層疊性的概念和特性介紹”的學(xué)習(xí)就結(jié)束了，希望能夠解決大家的疑惑。理論與實踐的搭配能更好的幫助大家學(xué)習(xí)，快去試試吧！若想繼續(xù)學(xué)習(xí)更多相關(guān)知識，請繼續(xù)關(guān)注創(chuàng)新互聯(lián)網(wǎng)站，小編會繼續(xù)努力為大家?guī)砀鄬嵱玫奈恼拢?/p>
標(biāo)題名稱：CSS層疊性的概念和特性介紹
分享鏈接：http://www.dlmjj.cn/article/pogpsd.html
