了解CSS的繼承性及層疊性

2021-10-08 00:05:05 字數 802 閱讀 5089

1.關於css的繼承性

注意:

並不是所有的css屬性都可以繼承

可以繼承的常見屬性有:

font-family,font-size,font-style,font-weight,font, line-height,text-align,text-indent,color

2.關於css的層疊性

在實際開發中,我們很少會同時使用內部樣式和外部樣式。在真實專案中,一般都會使用外部樣式表,然後再在某些特殊的地方,加一點行內樣式表的。

注意,接下來的規則是基於都是內部或者都是外部樣式表,不是二者混合在一起的。

在三種基本選擇器中,優先順序是這樣的

在實際開發中,經常會使用分組、後代選擇器這些用法。

選擇器的特殊性

id選擇器: 0 1 0 0 100塊

class選擇器: 0 0 1 0 10塊

型別選擇器: 0 0 0 1 1塊

如果在選擇器**現了多個選擇器的時候,我們只要將它們的這些特殊性求和,然後看結果。

還有乙個,行內樣式,它的特殊性是1 0 0 0 ,鑽石

如果選擇器的優先順序(特殊性)完全相同,然後有重複的時候,怎麼辦?

還有乙個就是!important,可以改變優先順序(暫時放一下,實際上應用比較少)

CSS 繼承性和層疊性

繼承性 有一些屬性,當給自己設定的時候,自己的後代都繼承上了,如color text 開頭的 line 開頭的 font 開頭的。type text css divstyle head 我是段落p 我是段落p 我是段落p div body 不是所有屬性都能夠繼承,如上圖,color屬性會被繼承,但b...

css 繼承性和層疊性

css有兩大特性 繼承性和層疊性 物件導向語言都會存在繼承的概念,在物件導向語言中,繼承的特點 繼承了父類的屬性和方法。那麼我們現在主要研究css,css就是在設定屬性的。不會牽扯到方法的層面。繼承 給父級設定一些屬性,子級繼承了父級的該屬性,這就是我們的css中的繼承。記住 有一些屬性是可以繼承下...

CSS的繼承性和層疊性

css有兩大特性 繼承性和層疊性 物件導向語言都會存在繼承的概念,在物件導向語言中,繼承的特點 繼承了父類的屬性和方法。那麼我們現在主要研究css,css就是在設定屬性的。不會牽扯到方法的層面。繼承 給父級設定一些屬性,子級繼承了父級的該屬性,這就是我們的css中的繼承。記住 有一些屬性是可以繼承下...