1. 程式人生 > >css 兩大特性:繼承性和層疊性

css 兩大特性:繼承性和層疊性

css 有兩大特性: 繼承性和層疊性,

  •  繼承性

    面嚮物件語言都會存在繼承的概念,在面向物件的語言中,繼承的特點:繼承了父類的屬性和方法.那麼我們現在主要研究css,css中沒有方法,所以我們僅僅繼承屬性.

    繼承:給父級設定一些屬性,子級會繼承父類的該屬性

      ps:並不是所有屬性都能繼承,可以繼承的比如:color,font,text,line

        不能繼承的比如:盒子元素屬性,定位的元素(浮動,絕對定位,固定定位)不能被繼承.

  • 層疊性

    誰的權重大就會顯示誰的屬性,

    計算權重:

順序:id的數量,class的數量,標籤的數量.

/*1  0  0 */顯示紅色
#box{


    color: red; 
}
/*0  1  0*/
.container{
    color: yellow;
}
/*0  0  1*/
p{
    color: purple;
}

!important的使用: 

  在設定的屬性後加 !importent 表示設定權重為無限大.