亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定

關于權重問題

<!DOCTYPE?HTML>
<html>
<head>
<meta?http-equiv="Content-Type"?content="text/html;?charset=utf-8">
<title>分組選擇符</title>
<style?type="text/css">
h1,span{color:red;}
#second>span,.first{
????color:green;
}
</style>
</head>
<body>
????<h1>勇氣</h1>
????<p?class="first">三年級時,我還是一個<span>膽小如鼠</span>的小女孩,上課從來不敢回答老師提出的問題,生怕回答錯了老師會批評我。就一直沒有這個勇氣來回答老師提出的問題。學校舉辦的活動我也沒勇氣參加。</p>
????<p?id="second">到了三年級下學期時,我們班上了一節公開課,老師提出了一個很<span>簡單</span>的問題,班里很多同學都舉手了,甚至成績比我差很多的,也舉手了,還說著:"我來,我來。"我環顧了四周,就我沒有舉手.</p>
????<img?src="http://img1.sycdn.imooc.com//52b4113500018cf102000200.jpg"?>
</body>
</html>

首先所有的h1、span標簽的文字字體變紅色。也就是“勇氣”“膽小如鼠”“簡單”變紅色。

然后.first的所有文字和#second第一個span變成綠色?!昂唵巍弊兂删G色,.first所有文字變綠色。

為什么“膽小如鼠”還是紅色?

正在回答

6 回答

建議你看一下繼承那里,<span>標簽之所以會顯示綠色,是因為繼承,而繼承的權重只有0.1,<span>{color:red;}

的權重是1,1>0.1,所以顯示的是紅色。

1 回復 有任何疑惑可以回復我~

總感覺你是大神啊,懂的真多

0 回復 有任何疑惑可以回復我~
#1

Mr_Jp黎 提問者

一起學習,我可能比菜鳥好一點,還不是大神
2017-06-27 回復 有任何疑惑可以回復我~

h1,span{color:red;}改成 h1 span{color:red;}就變綠了,可能是格式不同系統識別不了權重吧,我也是新手剛剛學

0 回復 有任何疑惑可以回復我~
#1

Mr_Jp黎 提問者

兄弟啊
2017-06-14 回復 有任何疑惑可以回復我~

因為你在h1,span{color:red;}屬于分別定義兩者的熟悉,你可以嘗試把“,”改成空格,就能夠得到權重的理論的結果變綠色了。

1 回復 有任何疑惑可以回復我~
#1

Mr_Jp黎 提問者

答非所問啊兄弟,空格是表示后代,逗號是兩者。我問的應該是權重問題或者繼承
2017-06-14 回復 有任何疑惑可以回復我~

你把.first移到#second前面.first,#second>span

0 回復 有任何疑惑可以回復我~
#1

Mr_Jp黎 提問者

.first,#second>span和#second>span,.first是一個意思啊兄弟,逗號是兩者并不區分順序吧
2017-06-14 回復 有任何疑惑可以回復我~

因為直接用標簽做的選擇器比其他東西做的選擇器的權重都是要大的。

0 回復 有任何疑惑可以回復我~
#1

Mr_Jp黎 提問者

id大于class大于標簽啊兄弟,important > 內嵌樣式 > ID > 類 > 標簽 | 偽類 | 屬性選擇 > 偽對象 > 繼承 > 通配符
2017-06-14 回復 有任何疑惑可以回復我~

舉報

0/150
提交
取消
初識HTML(5)+CSS(3)-升級版
  • 參與學習       1228740    人
  • 解答問題       19080    個

HTML(5)+CSS(3)基礎教程8小時帶領大家步步深入學習標簽用法和意義

進入課程

關于權重問題

我要回答 關注問題
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號