CSS繼承
CSS的某些樣式是具有繼承性的，那麼什麼是繼承呢？繼承是一種規(guī)則，它允許樣式不僅應用於某個特定html標籤元素，而且應用於其後代。例如下面程式碼：如某種顏色應用於p標籤，這個顏色設定不僅應用p標籤，還應用於p標籤中的所有子元素文本，這裡子元素為span標籤。
p{color:red;}
<p>三年級時，我還是一個<span>膽小如鼠</span>的小女孩。</p>可見右側結果視窗中p中的文字與span中的文字都設定為了紅色。但注意有一些css樣式是不具有繼承性的。如border:1px solid red;
p{border:1px solid red;}
<p>三年級時，我還是一個<span>膽小如鼠</span>的小女孩。</p>在上面例子中它程式碼的作用只是給p標籤設定了邊框為1像素、紅色、實心邊框線，而對於子元素span是沒用起到作用的。
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>繼承</title>
<style type="text/css">
p{color:red;}
span{border:1px solid blue;
color:#aa2355;}
p{border:1px solid red;}
</style>
</head>
<body>
<h1>勇氣</h1>
<p class="first">三年級時，我還是一個<span>膽小如鼠</span>的小女孩，上課從來不敢回答老師提出的問題，生怕回答錯了老師會批評我。就一直沒有這個勇氣來回答老師提出的問題。學校舉辦的活動我也沒勇氣參加。</p>
<p id="second">到了三年級下學期時，我們班上了一節(jié)公開課，老師提出了一個很<span>簡單</span>的問題，班里很多同學都舉手了，甚至成績比我差很多的，也舉手了，還說著："我來，我來。"我環(huán)顧了四周，就我沒有舉手。</p>
</body>
</html>
