1. 程式人生 > >CSS的兩個核心概念——層疊和繼承

CSS的兩個核心概念——層疊和繼承

rom 核心概念 clas 兩個 屬性 同時 加載 字體 繼承

1、繼承: 是指應用在某個標簽/元素上的CSS屬性傳遞給了內部嵌套的標簽。

通常來說文本類的會被繼承(字體、字號、顏色)

chrome裏面是灰色的表示沒有繼承

2、

1-1繼承

1- 2一個標簽可能有一個或多個樣式的來源,當屬性發生沖突時,按照加載順序和權重大小決定。

樣式不沖突----同時作用

樣式沖突----對比權重 : 權重相同,後覆蓋前

權重不同,權重大的生效。

3、權重表

內嵌 ID class 元素

內嵌 1 0 0 0

id

class屬性 偽類 0 1 0 0

元素 偽元素 0 0 1 0

通配符* 0

important 最高

CSS的兩個核心概念——層疊和繼承