CSS的三大特性

2021-10-03 22:58:36 字數 1275 閱讀 1998

覆蓋性在為html檔案編寫css樣式時,我們可能會對同乙個標籤重複編寫樣式,如:

head

>

>pp

style

>

>

>

這是乙個段落p

>

body

>

在上面這段**中,為編寫了兩個同樣的樣式,在真正執行時是執行下面的粉色的,當出現了同樣式的編寫,就會產生覆蓋,後來者居上,後寫的會把原來的覆蓋掉。這就是css的覆蓋性。

繼承性在css中子類可以繼承父類的樣式,但並不是所有樣式都可繼承。只有以text- fort- line-開頭和color樣式才可被子類繼承。

head

>

>

.one

style

>

>

class

="one"

>

>

這是乙個段落p

>

div>

body

>

如以上,雖然我們沒給p標籤寫樣式,但是p可以通過繼承他的父類來獲得color:red;的樣式。

優先順序在上面的覆蓋性中我們說到,當出現同意樣式的編寫時會產生覆蓋,這只是針對於使用同樣的選擇器。而是否產生方法的覆蓋,還需要考慮到優先順序的問題。以下列表是所有選擇器的優先順序資料。

選擇器優先順序

每個萬用字元選擇器

0,0,0,0

每個繼承

0,0,0,0

每個標籤選擇器

0,0,0,1

每個類選擇器

0,0,1,0

每個id選擇器

0,1,0,0

每個行內樣式

1,0,0,0

每個 !important(寫在樣式後)

∞ 無窮大

當為乙個樣式編寫了多個重複的樣式後,系統會選擇優先順序最高的那乙個。當我們使用復合選擇器時,優先順序還會出現疊加

但是無論如何疊加,優先順序是沒有進製的,如10個標籤選擇器疊加,優先順序為0,0,0,10 。而乙個類選擇器優先順序為0,0,1,0 。優先順序依舊是類選擇器更高。

需要特別注意的是,繼承而來的樣式優先順序為0,無論父類的優先順序有多高,子類繼承過來優先順序都為0.當兩個選擇器優先順序相同時,則出現覆蓋,離結構最近的樣式會被選中。

所以在我們去考量優先順序時,第一先看標籤是否被選中,當有多個都選中了在按公式去計算優先順序。

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