inherit和initial屬性值區別簡單介紹

antzone發表於2017-04-02

這兩個屬性值的區別其實非常的大，也非常的明顯，但是要是有一些初學者還不是太明白。

下面就做一下簡單介紹，需要的朋友可以做一下參考。

（1）.inherit是繼承父元素的屬性值，而initial的屬性值固定為瀏覽器預設值。

（2）.inherit只有IE6和IE7瀏覽器不支援，initial則是當前IE瀏覽器不支援。

程式碼例項如下:

[HTML] 純文字檢視 複製程式碼
<!DOCTYPE html>
<html> 
<head> 
<meta charset=" utf-8"> 
<meta name="author" content="http://www.softwhy.com/" /> 
<title>螞蟻部落</title> 
<style type="text/css">
#box {
  color:red;
}
#box p {
  color:initial;
}
#box span {
  color:inherit;
}
</style>
</head>
<body>
<div id="box">
  <h1>antzone</h1>
  <p>螞蟻部落</p>
  <span>softwhy.com</span>
</div>
</body>
</html>

相關文章