Why does :after work for all a?

Question

css

For the top menu, you need to make an underline when hovering over li. I do underlining through: after, but it works for all li at once, how to solve the problem?
Here is an example jsfiddle.net/bsj8wmga

Answer 1

#menu ul li a { float: left; display:block; position: relative;}