課程
/前端開發
/HTML/CSS
/初識HTML(5)+CSS(3)-升級版
.second,#first span,{color:green;} 把第一段的全部變綠 把第二段的膽小如鼠變成綠色 怎么沒效果?
2016-04-09
源自:初識HTML(5)+CSS(3)-升級版 8-10
正在回答
同學,你把類和id格式記反了,類應該為.class ? ?id應該為#second
所以代碼應該是#second,.first span{color:blue;}
_Jack_Han_
憶_卿 回復 _Jack_Han_
浩浩學習 提問者
#second ,.first>span{color:blue;} 你這樣寫 就能得到你想要的效果了,如果你用的是 這個上面的編輯器寫的話,h1,span{color:red;} 這句代碼要改,把span 去掉。
正確寫法:
????.first,#second?span{color:blue;} ?類選擇器用點(.)???????ID選擇器用井號(#)
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>分組選擇符</title>
<style type="text/css">
.second,#first span{color:blue;}
</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>
舉報
HTML(5)+CSS(3)基礎教程8小時帶領大家步步深入學習標簽用法和意義
3 回答為什么效果不一樣
7 回答這樣寫第7段的代碼 為什么沒相同效果?
3 回答為什么沒有margin的效果
4 回答border-bottom為什么沒有效果?
5 回答沒有什么效果
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網安備11010802030151號
購課補貼聯系客服咨詢優惠詳情
慕課網APP您的移動學習伙伴
掃描二維碼關注慕課網微信公眾號
2016-04-09
同學,你把類和id格式記反了,類應該為.class ? ?id應該為#second
所以代碼應該是#second,.first span{color:blue;}
2016-04-14
#second ,.first>span{color:blue;} 你這樣寫 就能得到你想要的效果了,如果你用的是 這個上面的編輯器寫的話,h1,span{color:red;} 這句代碼要改,把span 去掉。
2016-04-09
正確寫法:
2016-04-09
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>分組選擇符</title>
<style type="text/css">
.second,#first span{color:blue;}
</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>