8-4ID選擇器（#） · 初識HTML+CSS

在很多方面，ID選擇器都類似于類選擇符，但也有一些重要的區別： 1、為標簽設置id="ID名稱"，而不是class="類名稱"。 2、ID選擇符的前面是井號**（#）**號，而不是英文圓點**（.）**。右側代碼編輯器中就是一個ID選擇符的完整實例。 ### 任務 **我也來試試，為第二段文字中的“公開課”三個文字使用ID選擇器的方式設置為綠色** 1.在右邊編輯器的第16行，輸入: ~~~ <span id="setGreen">公開課</span> ~~~ 2.在右邊編輯器的第10-12行，輸入: ~~~ #setGreen{ color:green; } ~~~ ``` <!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>認識html標簽</title> <style type="text/css"> #stress{ color:red; } #setGreen{ color:green; } </style> </head> <body> <h1>勇氣</h1> <p>三年級時，我還是一個<span id="stress">膽小如鼠</span>的小女孩，上課從來不敢回答老師提出的問題，生怕回答錯了老師會批評我。就一直沒有這個勇氣來回答老師提出的問題。學校舉辦的活動我也沒勇氣參加。</p> <p>到了三年級下學期時，我們班上了一節<span id="setGreen">公開課</span>，老師提出了一個很簡單的問題，班里很多同學都舉手了，甚至成績比我差很多的，也舉手了，還說著："我來，我來。"我環顧了四周，就我沒有舉手。</p> </body> </html> ```