導(dǎo)讀:建站技術(shù)建站技術(shù)css優(yōu)先也就是權(quán)重。一般來說id權(quán)重 100，css權(quán)重10，元素權(quán)重1，內(nèi)嵌權(quán)重1000，優(yōu)先級最大的就是在元素后面添加!important 當(dāng)創(chuàng)建的樣式表建站的技術(shù)國外技術(shù)網(wǎng)站。

css優(yōu)先也就是權(quán)重。一般來說id權(quán)重 100，css權(quán)重10，元素權(quán)重1，內(nèi)嵌權(quán)重1000，優(yōu)先級最大的就是在元素后面添加!important

當(dāng)創(chuàng)建的樣式表越來越復(fù)雜時，一個標(biāo)簽的樣式將會受到越來越多的影響，這種影響可能來自周圍的標(biāo)簽，也可能來自其自身。下面我們從這兩方面去看看 CSS 樣式的優(yōu)先級。

CSS 的繼承性

CSS 的繼承特性指的是應(yīng)用在一個標(biāo)簽上的那些 CSS 屬性被傳到其子標(biāo)簽上。看下面的 HTML 結(jié)構(gòu)：

如果 `<div>` 有個屬性 `color: red`，則這個屬性將被 `<p>` 繼承，即 `<p>` 也擁有屬性 `color: red`。 由上可見，當(dāng)網(wǎng)頁比較復(fù)雜， HTML 結(jié)構(gòu)嵌套較深時，一個標(biāo)簽的樣式將深受其祖先標(biāo)簽樣式的影響。影響的規(guī)則是織夢手機模板： CSS 優(yōu)先規(guī)則1： 最近的祖先樣式比其他祖先樣式優(yōu)先級高。 例1：

如果我們把一個標(biāo)簽從祖先那里繼承來的而自身沒有的屬性叫做“祖先樣式”，那么“直接樣式”就是一個標(biāo)簽直接擁有的屬性。又有如下規(guī)則：

CSS 優(yōu)先規(guī)織夢模板網(wǎng)則2：“直接樣式”比“祖先樣式”優(yōu)先級高。

例2：

選擇器的優(yōu)先級

上面討論了一個標(biāo)簽從祖先繼承來的屬性，現(xiàn)在討論標(biāo)簽自有的屬性。在討論 CSS 優(yōu)先級之前，先說說 CSS 7 種基礎(chǔ)的選擇器：

• ID 選擇器， 如 #id{}
• 類選擇器， 如 .class{}
• 屬性選擇器， 如 a[]{}
• 偽類選擇器， 如 :hover{}
織夢模板下載
• 偽元素選擇器， 如 ::before{}
• 標(biāo)簽選擇器， 如 span{}
• 通配選擇器， 如 *{}

CSS 優(yōu)先規(guī)則3：優(yōu)先級關(guān)系：內(nèi)聯(lián)樣式 > ID 選擇器 > 類選擇器 = 屬性選擇器 = 偽類選擇器 > 標(biāo)簽選擇器 = 偽元素選擇器

關(guān)鍵詞標(biāo)簽: 建站 詳解 優(yōu)先級