国产 无码 综合区,色欲AV无码国产永久播放,无码天堂亚洲国产AV,国产日韩欧美女同一区二区

CSS_三大特性下_優(yōu)先級(jí)

這篇具有很好參考價(jià)值的文章主要介紹了CSS_三大特性下_優(yōu)先級(jí)。希望對(duì)大家有所幫助。如果存在錯(cuò)誤或未考慮完全的地方,請(qǐng)大家不吝賜教,您也可以點(diǎn)擊"舉報(bào)違法"按鈕提交疑問(wèn)。

CSS三大特性

1、繼承性

CSS_特性繼承和層疊 - Bublly - 博客園 (cnblogs.com)

2、層疊性

CSS_特性繼承和層疊 - Bublly - 博客園 (cnblogs.com)

3、優(yōu)先級(jí)

3.1基本

1特性:
不同選擇器具有不同的優(yōu)先級(jí),優(yōu)先級(jí)高的選擇器樣式會(huì)覆蓋優(yōu)先級(jí)低選擇器樣式

2優(yōu)先級(jí)公式:
繼承<通配符選擇器<標(biāo)簽選擇器<類(lèi)選擇器<id選擇器<行內(nèi)樣式<!important

3注意點(diǎn):
1、!important寫(xiě)在屬性值的后面,分號(hào)的前面!
2、!important不能提升繼承的優(yōu)先級(jí),只要是繼承優(yōu)先級(jí)最低!
3.、實(shí)際開(kāi)發(fā)中不建議使用!important。

div{
	color:green !important;
}

3、2權(quán)重疊加計(jì)算

場(chǎng)景:如果是復(fù)合選擇器,此時(shí)需要通過(guò)權(quán)重疊加計(jì)算方法,判斷最終哪個(gè)選擇器優(yōu)先級(jí)最高會(huì)生效
權(quán)重疊加計(jì)算公式:(每一級(jí)之間不存在進(jìn)位)

CSS_三大特性下_優(yōu)先級(jí)

比較規(guī)則:
1、先比較第一級(jí)數(shù)字,如果比較出來(lái)了,之后的統(tǒng)統(tǒng)不看
2、如果第一級(jí)數(shù)字相同,此時(shí)再去比較第二級(jí)數(shù)字,如果比較出來(lái)了,之后的統(tǒng)統(tǒng)不看
3、如果最終所有數(shù)字都相同,表示優(yōu)先級(jí)相同,則比較層疊性(誰(shuí)寫(xiě)在下面,誰(shuí)說(shuō)了算?。?br> 注意點(diǎn):!important如果不是繼承,則權(quán)重最高,天下第一!

可以加入學(xué)習(xí)群:862369742

以上內(nèi)容為學(xué)習(xí)尚硅谷視頻后整理文章來(lái)源地址http://www.zghlxwxcb.cn/news/detail-478284.html

到了這里,關(guān)于CSS_三大特性下_優(yōu)先級(jí)的文章就介紹完了。如果您還想了解更多內(nèi)容,請(qǐng)?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章,希望大家以后多多支持TOY模板網(wǎng)!

本文來(lái)自互聯(lián)網(wǎng)用戶投稿,該文觀點(diǎn)僅代表作者本人,不代表本站立場(chǎng)。本站僅提供信息存儲(chǔ)空間服務(wù),不擁有所有權(quán),不承擔(dān)相關(guān)法律責(zé)任。如若轉(zhuǎn)載,請(qǐng)注明出處: 如若內(nèi)容造成侵權(quán)/違法違規(guī)/事實(shí)不符,請(qǐng)點(diǎn)擊違法舉報(bào)進(jìn)行投訴反饋,一經(jīng)查實(shí),立即刪除!

領(lǐng)支付寶紅包贊助服務(wù)器費(fèi)用

相關(guān)文章

  • CSS 選擇器優(yōu)先級(jí)

    聲明:本文參考來(lái)源于MDN CSS 優(yōu)先級(jí)(80%)和B站尚硅谷的課程(20%) 我想你一定是來(lái)進(jìn)行速查的,所以我會(huì)盡量精簡(jiǎn)文章內(nèi)容,保證不浪費(fèi)時(shí)間,不說(shuō)廢話 文章包括新的 :is 和 :where(實(shí)驗(yàn)性) 的說(shuō)明 優(yōu)先級(jí)就是分配給 CSS 聲明的一個(gè)權(quán)重,由 匹配的選擇器中的 每一種選

    2024年02月13日
    瀏覽(25)
  • 7 CSS選擇器優(yōu)先級(jí)

    7 選擇器優(yōu)先級(jí) 所謂CSS優(yōu)先級(jí),即是指CSS樣式在瀏覽器中被解析的先后順序。樣式表中的特殊性描述了不同規(guī)則的相對(duì)權(quán)重。

    2024年02月12日
    瀏覽(19)
  • css中選擇器的優(yōu)先級(jí)

    css中選擇器的優(yōu)先級(jí)

    CSS 的優(yōu)先級(jí)是由選擇器的 特指度(Specificity) 和 重要性(Importance) 決定的,以下是優(yōu)先級(jí)規(guī)則: 特指度 : ID 選擇器 (#id) : 每個(gè)ID選擇器計(jì)為100。 類(lèi)選擇器 (.class)、屬性選擇器 ([attr]) 和偽類(lèi)選擇器 (:hover, :focus 等) : 每個(gè)此類(lèi)選擇器計(jì)為10。 元素選擇器 (p, div, span 等) ?和偽

    2024年02月22日
    瀏覽(26)
  • CSS選擇器和優(yōu)先級(jí)權(quán)重

    標(biāo)簽選擇器、偽元素選擇器:1 類(lèi)選擇器、屬性選擇器、偽類(lèi)選擇器:10 id 選擇器:100 內(nèi)聯(lián)樣式:1000 選擇器 格式 優(yōu)先級(jí)權(quán)重 id選擇器 #id 100 類(lèi)選擇器 .class 10 屬性選擇器 a[ref=“eee”] 10 偽類(lèi)選擇器 div:last-child 10 標(biāo)簽選擇器 div 1 偽元素選擇器 div:after 1 相鄰兄弟選擇器 h1+p

    2024年02月10日
    瀏覽(21)
  • css選擇器分類(lèi)及優(yōu)先級(jí)判斷

    css選擇器分類(lèi)及優(yōu)先級(jí)判斷

    目錄 選擇器分類(lèi) 全局選擇器 元素選擇器 類(lèi)選擇器 ID選擇器 合并選擇器 內(nèi)聯(lián)選擇器? 選擇器的優(yōu)先級(jí) css語(yǔ)法規(guī)則由兩個(gè)主要部分構(gòu)成:選擇器,以及一條或多條樣式聲明。 全局選擇器:* 元素選擇器:標(biāo)簽名稱 類(lèi)選擇器:class屬性名(.) ID選擇器:id屬性名(#) 內(nèi)聯(lián)選擇

    2023年04月09日
    瀏覽(23)
  • CSS快速入門(mén)-選擇器和優(yōu)先級(jí)

    CSS快速入門(mén)-選擇器和優(yōu)先級(jí)

    CSS是一種用于樣式化網(wǎng)頁(yè)的語(yǔ)言,全稱為“層疊樣式表”(Cascading Style Sheets)。 它可以控制網(wǎng)頁(yè)中元素的外觀和布局,例如顏色、字體、大小、邊距、對(duì)齊等,讓網(wǎng)頁(yè)變得更加美觀和易于閱讀。 使用CSS可以將樣式與網(wǎng)頁(yè)內(nèi)容分離開(kāi)來(lái),從而使網(wǎng)頁(yè)結(jié)構(gòu)更加清晰,減少HTML代碼

    2023年04月22日
    瀏覽(16)
  • CSS 中的優(yōu)先級(jí)規(guī)則是怎樣的?

    CSS 中的優(yōu)先級(jí)規(guī)則是怎樣的?

    前端入門(mén)之旅:探索Web開(kāi)發(fā)的奇妙世界 歡迎來(lái)到前端入門(mén)之旅!感興趣的可以訂閱本專(zhuān)欄哦!這個(gè)專(zhuān)欄是為那些對(duì)Web開(kāi)發(fā)感興趣、剛剛踏入前端領(lǐng)域的朋友們量身打造的。無(wú)論你是完全的新手還是有一些基礎(chǔ)的開(kāi)發(fā)者,這里都將為你提供一個(gè)系統(tǒng)而又親切的學(xué)習(xí)平臺(tái)。在這個(gè)

    2024年02月13日
    瀏覽(19)
  • CSS三種樣式表、樣式表優(yōu)先級(jí)、CSS選擇器

    CSS三種樣式表、樣式表優(yōu)先級(jí)、CSS選擇器

    CSS,全稱是:Cascading Style Sheets,層疊樣式表,用于修飾HTML頁(yè)面的。 CSS編寫(xiě)規(guī)則如下所示: CSS編寫(xiě)的規(guī)則分為兩部分,分別是:選擇器、聲明塊。 聲明塊,需要使用【{}】大括號(hào)包裹,括號(hào)里面使用【key: value;】的格式定義屬性。 選擇器,表示需要對(duì)哪個(gè)HTML標(biāo)簽添加CSS樣式

    2024年02月09日
    瀏覽(24)
  • JavaWeb開(kāi)發(fā)06-原理-Spring配置優(yōu)先級(jí)-Bean管理-SpringBoot原理-Maven繼承和聚合-私服

    JavaWeb開(kāi)發(fā)06-原理-Spring配置優(yōu)先級(jí)-Bean管理-SpringBoot原理-Maven繼承和聚合-私服

    不同配置文件,配置同一個(gè)屬性誰(shuí)有效 propertiesymlyaml 命令行參數(shù)Java系統(tǒng)屬性 項(xiàng)目打包后要改變屬性: 紅色是Java系統(tǒng)屬性,綠色是命令行參數(shù) ‘ 獲取IOC容器:applicationContext就是IOC容器對(duì)象 IOC容器中bean是默認(rèn)單例的只有一個(gè),這樣三個(gè)獲取的bean是同一個(gè) 單例還是多例取決

    2024年04月23日
    瀏覽(20)
  • Cisco Packet Tracer思科模擬器STP優(yōu)先級(jí)(生成樹(shù))含安全特性

    Cisco Packet Tracer思科模擬器STP優(yōu)先級(jí)(生成樹(shù))含安全特性

    把VLAN10的優(yōu)先值改小,這樣他的優(yōu)先級(jí)就變高了 (默認(rèn)優(yōu)先值32788) 總結(jié): 1.spanning-tree mo rapid-pvst 開(kāi)啟快速生成樹(shù)協(xié)議 2.SW2-B(config)#spanning-tree vlan 20 root primary 配置本地交換機(jī)為vlan 20的主根橋 SW2-B(config)#spanning-tree vlan 20 priority 4096 更改VLAN20的優(yōu)先值 3.也可在SWITCH-A上使用命令

    2024年02月16日
    瀏覽(92)

覺(jué)得文章有用就打賞一下文章作者

支付寶掃一掃打賞

博客贊助

微信掃一掃打賞

請(qǐng)作者喝杯咖啡吧~博客贊助

支付寶掃一掃領(lǐng)取紅包,優(yōu)惠每天領(lǐng)

二維碼1

領(lǐng)取紅包

二維碼2

領(lǐng)紅包