新聞中心
CSS(Cascading Style Sheets)是一種用于描述網(wǎng)頁(yè)外觀和樣式的語(yǔ)言。在CSS中,有些屬性可以被子元素繼承,而有些則不行。下面我們來(lái)看一下CSS中哪些屬性不會(huì)被子元素繼承。

1. display
display 屬性決定了一個(gè)元素應(yīng)該如何顯示。它的值包括 block、inline、none 等等。
當(dāng)一個(gè)元素設(shè)置為 none 時(shí),它將無(wú)法被渲染出來(lái)。即使其父級(jí)元素設(shè)置了其他的 display 值,在這個(gè)特定情況下也不能夠被繼承。
2. float
float 是 CSS 中用于實(shí)現(xiàn)浮動(dòng)布局效果的重要屬性之一。通過(guò)使用 float 可以讓一個(gè)塊狀元素脫離文檔流并向左或向右移動(dòng)。
在默認(rèn)情況下,float 不會(huì)被子元素所繼承。如果您想讓子元素也具備浮動(dòng)效果,則需要對(duì)每個(gè)子元素分別進(jìn)行設(shè)置。
3. position
position 屬性定義了一個(gè) HTML 元素在頁(yè)面上的位置方式,并且常與 top、bottom、left 和 right 這四個(gè)關(guān)鍵字結(jié)合使用。
同樣地,默認(rèn)情況下,position 屬性也不會(huì)被子元素所繼承。如果您希望讓子元素也具備相同的定位方式,則需要對(duì)每個(gè)子元素進(jìn)行單獨(dú)設(shè)置。
4. overflow
overflow 屬性用于指定一個(gè)容器內(nèi)部?jī)?nèi)容溢出時(shí)如何處理。它有很多取值,包括 visible、hidden、scroll 和 auto 等等。
在默認(rèn)情況下,overflow 也不會(huì)被子元素所繼承。如果您想要為某個(gè)容器下的所有子元素都添加同樣的 overflow 效果,則需要對(duì)每個(gè)子元素分別進(jìn)行設(shè)置。
5. z-index
z-index 是 CSS 中用于控制層疊順序(即前后關(guān)系)的屬性之一。通過(guò)使用 z-index 可以將某些 HTML 元素置于其他 HTML 元素之上或之下。
和以上幾種屬性類似,默認(rèn)情況下,z-index 也不能夠被子元素所繼承。在這種情況下你需要單獨(dú)地給每一個(gè)子元素指定其自身的 z-index 值。
除了以上五種屬性外,還有一些其他常用但同樣不可繼承的CSS屬性:
網(wǎng)站欄目:CSS中哪些屬性不會(huì)繼承父級(jí)?
文章起源:http://m.fisionsoft.com.cn/article/djcpigh.html


咨詢
建站咨詢
