id選擇器在文檔中只能使用一次?
<!DOCTYPE?html> <html?lang="en"> <head> ????<meta?charset="UTF-8"> ????<title>Title</title> ????<style?type="text/css"> ??????#setfontsize{ ??????????font-size:50px; ??????} ??????#setfontcolor{ ??????????color:green; ??????} ????</style> </head> <body> <ol> ????<li?id="setfontcolor">測試</li> ????<li?id="setfontsize">測試</li> ????<li?id="setfontcolor">測試</li>/*這行代碼也生效了*/ </ol> </body> </html>
id選擇器在這里用了兩次,但是都生效了,能解釋下原因嗎?
2016-03-12
所謂ID只能用一次,指的是就像一個人對應一個身份證一樣,是不能有重復一樣的,那么也就是你的這個頁面中,<h1 id="xx"></h1>這里面的xx只能成為一個元素的id而不能繼續成為p元素的id,你這樣寫是有違語法規范的。而你理解錯了,在于你以為是效果只能用一次,實際上是只能被一個元素所擁有。
你的頁面上看到了兩個元素都是紅色,這就好比你的身份證本來是你唯一持有的,卻被壞人復制了,那么你所擁有的紅色屬性,他也可以擁有了。一般而言,是以類名class來定義樣式的,就好比,你可以去買一個杯子,別人也可以買一個杯子,你們買的杯子都是一起機器制作的,是可以一模一樣的。
一般來說,我們都是用類來定義不同元素的樣式的,而id更多的是用在對此元素有唯一的設定,不論是設定樣式還是交互效果
2016-03-12
ID就像身份證一樣,它的標簽是唯一的。這與CSS對同一個頁面中具有相同ID的標簽,都會應用樣式并不沖突。
2016-03-12
只能使用一次是同一個名稱(id=“名稱”)只能使用一次而不是整個頁面id這個屬性只能出現一次
2016-03-12
是的,只能使用一次,但并不是說這個html文檔只能使用一次,ID是唯一的,所以所有的ID都不能相同,都不能共用一個css樣式。個人理解,不對也請指教!