很多人在學習CSS的時候會學習到CSS的ID屬性,這個屬性可以很容易地給一個HTML元素加上一個唯一的標識,方便我們在CSS中調用這個元素。但是,你知道嗎,其實CSS加ID沒用的時候也很多。
#container { width: 100%; }
上面這段代碼是一個給ID為container的HTML元素添加CSS樣式的例子,我們可以看到,加上ID后,我們就可以通過#container來選擇這個元素,然后對它進行一些樣式的修改。
但是,如果你的HTML中沒有任何元素需要使用這個ID,那么這個ID就成了累贅,它不但沒有任何用處,還會增加代碼的冗余,影響代碼的可維護性。比如下面這個例子:
#no-use { color: red; }
上面這段代碼給ID為no-use的HTML元素設置了紅色的顏色,但是我們在HTML中卻沒有任何元素使用這個ID,這個ID就成了無用的累贅。
而且,有時候我們作為HTML代碼的使用者,可能并不知道這個ID的作用,也不知道它對我們的代碼有沒有任何影響。所以,我們在使用CSS加ID的時候,一定要慎重考慮,確保它有一定的作用,不然就不要加。