解決hover時給使用了hover的元素的僞元素添加樣式的問題

在上週的一個需求裏面，需要給一個ul下的每一個li標籤，當鼠標移動到li標籤的時候，給這個li標籤的左側加一個border-left的邊框。如下圖 但是實際上我們看到，當一個li標籤處於hover狀態的時候，我們給這個li標籤增加了一個border-left，結果發現li標籤裏面的文字被往右邊頂了，這是因爲border-left的寬度跟整個li標籤的寬度是一個整體，假設hover前li標籤的寬度是

>>阅读原文<<