CSS三大特性

2022-06-13 01:39:10 字數 1880 閱讀 3509

-1. 定義:

-2. 注意:

-3. 應用場景

-4. 例子

偶的博愛

aaaa

bbbb

可以看到 我們給div設定了樣式 字型顏色和字型大小

我們可以去瀏覽器檢視一下標籤的狀態

h1標籤的css樣式狀態

其他標籤的樣式狀態

a標籤

li標籤和p標籤的字型大小和顏色樣式一樣

-1. 定義:

-2. 注意:

-ps: 通過瀏覽器可以檢視到,一些重複屬性被劃掉了.

-3. 示例:

我是乙個等著別人加樣式的段落p標籤

那這個覆蓋是誰覆蓋誰,或者說誰最後會被載入到瀏覽器頁面上呢???

這就是下面的選擇器優先順序關係了.

-1. 定義:

-2. 優先順序:

-3. 大前提: 直接選中 > 間接選中(即繼承而來的)

-3.1 以下為直接選中

在網頁檢查看看

-3.2 如果都是間接選中,那麼誰離目標標籤比較近,就聽誰的.

例子:

-3.3 如果都是直接選中,並且都是同型別的選擇器,那麼就是誰寫在後面就聽誰的

例子:

-3.4 如果都是直接命中,並且是不同型別的選擇器,那麼就會按照選擇器的優先順序來層疊

id > 類 > 標籤 > 萬用字元(也算直接命中) > 繼承 > 瀏覽器預設(即沒有設定任何屬性)

例子:

-3.5 優先順序之 !important

-3.6 優先順序之權重計算

-1. 強調

-2. 計算方式

關係圖

注意:*也相當於元素選擇器命中,比繼承大.

案例:

在瀏覽器上顯示

CSS三大特性

css三大特性 1.繼承性 作用 子元素可以繼承父元素的樣式 text font line 這些元素開頭的都可以繼承,以及color屬性 特殊性 1 a標籤的字型顏色不能繼承,必須對a標籤自定義字型顏色才能修改 2 h1 h6標籤的字型大小不能繼承,必須對標籤自身修改字型大小才有效。我是div1中的...

CSS三大特性

樣式具有繼承性,一般有關text line font 都能夠繼承。a標籤的顏色不能繼承 繼承title type text css div1 字型和顏色被繼承偽類但是邊框沒有 style head id div1 這是div1中的內容 id div22 這是div2中的內容 div div body...

CSS三大特性

1.繼承 子代可以直接使用父代的某些樣式 特徵 當然有些可以繼承,有些不能繼承。例 介是div1的內容 介是div1的後代div2中的內容 結果為 div2同樣繼承了div1的樣式。div2雖然沒有設定這樣的樣式,但是實際上卻使用了該樣式。說明它的樣式從它的父代div1那裡繼承而來。但是並不是所有的...