8-10分組選擇符（逗號） · 初識HTML+CSS

當你想為html中多個標簽元素設置同一個樣式時，可以使用分組選擇符（，），如下代碼為右側代碼編輯器中的h1、span標簽同時設置字體顏色為紅色： ~~~ h1,span{color:red;} ~~~ 它相當于下面兩行代碼： ~~~ h1{color:red;} span{color:red;} ~~~ ### 任務 **我也來試試** ``` **1、把右邊代碼編輯器中的第一段全部文字顏色設置為綠色同時把第二段文字中的“簡單”文字顏色設置為綠色** ``` ``` <!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;} .first,#second span{color:green;} </style> </head> <body> <h1>勇氣</h1> <p class="first">三年級時，我還是一個<span>膽小如鼠</span>的小女孩，上課從來不敢回答老師提出的問題，生怕回答錯了老師會批評我。就一直沒有這個勇氣來回答老師提出的問題。學校舉辦的活動我也沒勇氣參加。</p> <p id="second">到了三年級下學期時，我們班上了一節公開課，老師提出了一個很<span>簡單</span>的問題，班里很多同學都舉手了，甚至成績比我差很多的，也舉手了，還說著："我來，我來。"我環顧了四周，就我沒有舉手。</p> <img src="http://img.mukewang.com/52b4113500018cf102000200.jpg" > </body> </html> ```