權值問題的比較
<!DOCTYPE HTML>
<html>
? ? <head>
? ? ? ? <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
? ? ? ? <title>特殊性：權值，可疊加</title>
? ? ? ? <style type="text/css">
? ? ? ? ? ? p{
? ? ? ? ? ? ? ? color:red;
? ? ? ? ? ? }/*標簽的權值為1*/
? ? ? ? ? ? p span{
? ? ? ? ? ? ? ? color:purple;
? ? ? ? ? ? }/*權值為1+1=2*/
? ? ? ? ? ? .first{
? ? ? ? ? ? ? ? color:green;
? ? ? ? ? ? }/*因為權值高顯示為綠色，權值為10*/
? ? ? ? ? ? span{
? ? ? ? ? ? ? ? color:pink;
? ? ? ? ? ? }/*設置為粉色，權值為1*/
? ? ? ? ? ? #second{
? ? ? ? ? ? ? ??
? ? ? ? ? ? }/*id權值為100*/
? ? ? ??
? ? </style>
? ? </head>
? ? <body>
? ? ? ? <h1>勇氣</h1>
? ? ? ? <p class="first">三年級時，我還是一個<span>膽小如鼠</span>的小女孩，上課從來不敢回答老師提出的問題，生怕回答錯了老師會批評我。就一直沒有這個勇氣來回答老師提出的問題。學校舉辦的活動我也沒勇氣參加。</p>
? ? ? ? <p id="second">到了三年級下學期時，我們班上了一節公開課，老師提出了一個很簡單的問題，班里很多同學都舉手了，甚至成績比我差很多的，也舉手了，還說著："我來，我來。"我環顧了四周，就我沒有舉手。</p>
? ? </body>
</html>
p span的權值為2，比類選擇器的權值為10小，為什么還能顯示紫色？
2017-05-22
權值的比較是相對于同一個標簽而言的
span是p的子元素，p的類選擇器在span來看是屬于繼承關系，所以在span那的權值是最小的，而span權值最大的設置是
? ? ? ? ? ? p span{
? ? ? ? ? ? ? ? color:purple;
? ? ? ? ? ? }
所以，span仍然顯示紫色
2017-05-22
就近原則