超鏈接不會在懸停或訪問時更改顏色

Question

這是我的HTML的一部分。 當我將超鏈接懸停在其上時，即使我已對其進行編碼，它們也不會改變顏色。 你知道為什么不嗎？

<div class = 'container' >
                    <header> name goes here Illustration</header>
                <nav>
                    <!-- Site navigation menu -->
                    <ul>
                        <li><a href = 'index.html'>home</a></li>
                        <li><a href = '#'>film & Game </a></li>
                        <li><a href = '#'>sketchbook</a></li>
                        <li><a href = '#'>paintings</a></li>
                        <li><a href = 'contact.html'>contact/Info</a></li>
                    </ul>
                </nav>

                <!-- Main content -->
                <div  id='content' > </div>


            </div>

這是我的CSS的一部分

a:      link{
    color:              white;
    font-size:          40px;
    font-family:        Modern No. 20;
    text-decoration:    none;

    }

a: visited{
    color:          yellow;
    font-size:      20px;
    font-family:    Modern No. 20;
    text-decoration:    none;
    }

a:  hover{
    color:  blue;
    text-decoration:    underline;
}

Answer 1

您需要刪除a:和link之間的空白，即：

a:link{
    color:              white;
    font-size:          40px;
    font-family:        Modern No. 20;
    text-decoration:    none;

    }

a:visited{
    color:          yellow;
    font-size:      20px;
    font-family:    Modern No. 20;
    text-decoration:    none;
    }

a:hover{
    color:  blue;
    text-decoration:    underline;
}