a:hover 不起作用

要实现如图效果：

屏幕快照 2020-03-04 上午11.44.56.png

代码如下：

    a :hover{
        color: goldenrod;
        background-color: palevioletred;
        border: 1px solid;
        border-left-color: lightslategray;
        border-top-color: lightslategray;
        border-right-color: lightslategray;
    }

后来发现是因为a和:hover之间多了一个空格