CSS三大特性

2022-06-26 03:09:10 字數 1053 閱讀 7572

目錄給某乙個元素設定一些屬性,該元素後代也可以使用。通常用在基於繼承性統一設定網頁的文字顏色,字型,文字大小樣式等。

我是內容

aaaa

bbbb

層疊性指的就是css處理衝突的一種能力,即如果有多個選擇器選中了同乙個標籤,那麼會有覆蓋效果。

注意:層疊性只有在多個選擇器選中了同乙個標籤,然後設定了相同的屬性,才會發生層疊性。

我是段落1

當多個選擇器選中同乙個標籤,並且給同乙個標籤設定相同的屬性時,如何層疊就由優先順序來確定。

整體優先順序從高到低:行內樣式》嵌入樣式和外部樣式

1、大前提:直接選中》間接選中(即繼承而來的)

#1、以下為直接選中#2、以下為間接選中
2、如果都是間接選中,那麼誰離目標標籤比較近,誰優先順序更高

3、如果都是直接選中,並且都是同型別的選擇器,那麼就是誰寫在後面誰優先順序更高

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

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

5、!important方式來強制指定的屬性的優先順序提公升為最高,但是不推薦使用。因為大量使用!important的**是無法維護的。

注意:

6、權重計算

如果都是直接選中,並且混雜了一系列其他的選擇器一起使用時,則需要通過計算機權重來判斷優先順序

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那裡繼承而來。但是並不是所有的...