在寫HTML的時候我們經常會想變換border的顏色或者風格。大多數時候我們是這樣做的。
我們爲這裏的li設置了一個border，然後我們現在想改變border-bottom的顏色。通常我們會有兩種做法：
左側截圖中的方法能夠改變border-bottom的顏色，而右側和下側截圖這種兩種方式border-bottom的顏色將不會發生變化。如果想改變border-bottom的顏色，又不想在原來的CSS裏面寫（也就是不想用左側截圖的方式），那麼就要這樣做：
這是因爲，涉及到了DOM元素的重繪，在原來的li的CSS裏面由於已經有了border：1px solid balck這個屬性，因此border已經被繪製出來了，在這個基礎上再加上border-bottom：gray這樣的屬性，邊框底部自然會變化顏色。
而如果在其他地方重新定義border的話，比如在js裏面或者dom元素的內部進行設置，那麼就涉及到border要進行重繪，此時如果只設置border-bottom:yellow這樣的屬性，因爲沒有設置1px和solid，一個沒有實際寬度的顏色怎麼能被繪製出來呢。所以顏色自然是顯示不出來的。