CSS中有時我們希望子元素不繼承父元素的某些屬性,比如顏色、文字樣式等。下面介紹幾種方法。
/*第一種方法*/ .parent{ color: red; } .parent .child{ color: initial; /*使用initial屬性,將子元素顏色置為默認值,即黑色*/ } /*第二種方法*/ .parent{ color: red; } .parent .child{ color: inherit; /*使用inherit屬性,將子元素顏色繼承父元素*/ } /*第三種方法*/ .parent{ color: red; } .parent .child{ color: unset; /*使用unset屬性,將子元素顏色重置為默認值,即黑色*/ } /*第四種方法*/ .parent{ color: red; } .parent .child{ color: transparent; /*使用transparent屬性,將子元素顏色設置為透明*/ }
以上就是幾種不讓子級繼承的方法。需要根據實際情況選擇使用哪種方法。
上一篇css 怎么會返回父元素
下一篇css 怎么加空行