1.繼承
子代可以直接使用父代的某些樣式(特徵),當然有些可以繼承,有些不能繼承。
例: 介是div1的內容
介是div1的後代div2中的內容
結果為:div2同樣繼承了div1的樣式。
div2雖然沒有設定這樣的樣式,但是實際上卻使用了該樣式。說明它的樣式從它的父代div1那裡繼承而來。
但是並不是所有的屬性都可以被繼承
從結果反應出來,div2並沒有邊框,也就是說border沒有被繼承,可以進一步通過開發者工具來佐證
哪些屬效能被繼承?哪些屬性不能被繼承?
不可繼承的:display、margin、border、padding、background、height、min-height、max-height、width、2.層疊性例:min-width、max-width、overflow、position、left、right、top、bottom、z-index、float、clear、table-layout、
vertical-align、page-break-after、page-bread-before和unicode-bidi。
內聯元素可繼承:letter-spacing、word-spacing、white-space、line-height、color、font、font-family、font-size、font-style、font-variant、font-weight、text-decoration、text-transform、direction。
終端塊狀元素可繼承:text-indent和text-align。
列表元素可繼承:list-style、list-style-type、list-style-position、list-style-image。
結果:
從結果可以看出,雖然設定了兩個不同的選擇器,但是兩個選擇器內設定的樣式同樣都被運用上。
3.優先順序
在現實生活中當多條相互衝突的規則施加到同一事物時,也必須制定乙個原則,也就是優先順序。
內聯》選擇器》類選擇器》元素選擇器
內部樣式》外部樣式
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三大特性
繼承就是子代可以直接使用父代的某些樣式 特徵 當然有些可以繼承,有些不能繼承。比如人可以從父母繼承姓 膚色等,但性格不能繼承。而css中也有繼承性但並不是所有的屬性都可以被繼承。css中可繼承的和不可繼承的屬性 不可繼承的屬性有 display margin border padding backg...