css三大特性以及關於權重的問題

2021-10-11 21:13:43 字數 946 閱讀 6718

一、繼承性

子標籤會繼承父標籤的某些樣式,比如color、font開頭的、text開頭的 line開頭的、list開頭的。

/* 繼承性:子標籤繼承父標籤的某些樣式 優點可以簡化css** */

/* div */

body

/* div的文字大小為14*1.5=21px */

div

/* p的文字大小為16*1.5=24px */

p /* li沒有指定文字大小,則會繼承父親body的文字大小12*1.5=18px */

二、層疊性

相同的樣式衝突就近原則,後引入的生效,如果樣式不衝突不會受到影響。

/* 層疊性:有相同的標籤就近原則,誰離div標籤近誰就被執行 */

/* div

div

你好我是程式設計師

你好我是程式設計師

三、優先順序

!important  >  style行內樣式  > id選擇器 > 類選擇器,偽類選擇器 > 元素選擇器 > 繼承或者 *

四、權重

注意:繼承的權重是0,繼承過來的樣式權重是最小的比萬用字元選擇器權重還小。

權重練習:

你好

關於權重的誤區:

class選擇器和id選擇器不是乙個級別,無數個類的權重疊加 也不會超過id選擇器的權重,同理,標籤選擇器也不會超過class類選擇器的權重。

我喜歡吃大肘子

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