0

これは私の 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;
}
4

1 に答える 1

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;
}
于 2013-07-04T19:41:56.627 に答える