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

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

p1,span{color:green;}

這樣也可以出結果,會不規范嗎

<style?type="text/css">
h1,span{color:red;}
p1,span{color:green;}
</style>
</head>
<body>
????<h1>勇氣</h1>
????<p1?class="first">三年級時,


正在回答

9 回答

我去看了他們的筆記,果然不錯,轉來給你看一下:

1. 我們需要做的是什么?
是將“第一段話”與“第二段中的【簡單】”變為綠色。
2. 我們先拆分為兩個問題
如何將第一段變為綠色?
如何將第二段中的簡單變為綠色?
3. OK,我們先解決2中的第一個問題,在之前學習的知識中,我們是如何把一段文字變為綠色的呢?
步驟一 : 寫一個css樣式,我們寫一個 【.first { color:green;}】
步驟二: 用<p>標簽標出整段文字,并在<p>中加入class="first",如<p class="first">---------原代碼中已經幫我們寫好了。
完成。
那么又如何將簡單兩字變為綠色呢?
最簡單的方式:span{ color :red},在用span標簽標出簡單兩字。
但是,我們可以剛剛學習了后代選擇器呀騷年,不想用用嗎?
#second span{ color:green }搞定!(所有ID選擇器名為second的標簽中的所有span的所有后代標簽都會受影響,包括span)

分組選擇符的定義是什么?為多個標簽元素設置同一個樣式!這樣省事簡單,還可以減少代碼冗余量。

所以我們將這兩個問題合為一個處理:
.first , #second span{ color:green;},其余問題(如用合適標簽括出要修飾的內容并加上class/ID=“...”)原代碼中都已經幫我們做好了,所以我們需要做的僅僅是修改內嵌的css樣式而已。

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

qq_miaomiaodoub_0

我剛剛才驗證,發現有問題,應該使用.first,span{color:green;},如果按上面的答案,第一個段落里面的“膽小如鼠”不會變成綠色,因為h1,span{color:red;}語句中的span的優先級高于.first,#second span{color:green;},就近原則
2016-07-30 回復 有任何疑惑可以回復我~
#2

夕酉 提問者

thank you
2016-07-30 回復 有任何疑惑可以回復我~
#3

夕酉 提問者 回復 qq_miaomiaodoub_0

是哈 我也剛試了
2016-07-30 回復 有任何疑惑可以回復我~
#4

夕酉 提問者 回復 夕酉 提問者

.first,span{color:green;}
2016-07-30 回復 有任何疑惑可以回復我~
#5

qq_miaomiaodoub_0 回復 夕酉 提問者

使用#second span{ color :green},膽小如鼠會顯示紅色,因為這里用的是后代選擇符,且span僅僅是特指id選擇器second中的span。 如果你是想讓第一段全部變為綠色,需要加上 .first,即: .first,#second span{color:green;} 然后去掉原代碼中的h1,span{color:red;},原因如下: 未去掉h1,span{color:red;}時,因該css樣式權值為1,大于.first中span的權值(繼承自.first,權值低,為0.01),所以會顯紅色。
2016-08-03 回復 有任何疑惑可以回復我~
查看2條回復

這是MOOC的一般性規則。.0

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

是正確的,p1設置了屬性是綠色的。因為沒有設置first類的屬性,所有應用了p1的屬性。

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

使用類選擇器

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

.first,span{color:green;}

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

咦。。<p/>表示html段落標簽啊。。<p1>標簽是啥。。,css找的話也能找到p1,然后把樣式換了吧,所以看出來的樣式跟答案是無誤的,但是p1不是段落標簽啊。。。。

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

在權值相同的情況下,css樣式與被設置標簽就近顯示,所以瀏覽器中顯示出來的顏色是綠色

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

當然不規范了,p標簽是表示段落的,你的p1的話別人怎么可能知道是什么意思

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

正確的 span 是green的 就近嗎

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

舉報

0/150
提交
取消

p1,span{color:green;}

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

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

幫助反饋 APP下載

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

公眾號

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