格式化外部CSS样式表中列表中的链接

Question

我正在尝试使用外部样式表设置无序列表中的某些链接的格式，当将鼠标悬停在链接上时，它们的大小应增加并显示为蓝色。 我的语法如下：

的HTML

<ul>
        <li>
            <a href="#dejaview"><img src="imgs/dejaview_lft.gif" width="95px" height="75px" alt="Dejaview"
             title="Click for more info"/>Dejaview</a>
        </li>

UL结束前，此下方还有三个链接

样式表

ul.a:hover
    {
    font-size: 200%;
    color: blue;
    }

我在这里做错了什么，我无法解决....我已经尝试了li.a：hover和上面的内容，给我的印象是，如果我想更改所有链接的格式在列表中，我不需要为他们创建一个类。 我可能是错的，我是CSS的n00b

谢谢

里克

Answer 1

ul li a:hover
    {
    font-size: 200%;
    color: blue;
    }

应该管用

因为点“。” 在“ a”代表“ a”类之前

Answer 2

您的CSS错误。 您需要进行如下编辑。

ul a:hover
{
    font-size: 200%;
    color: blue;
}

ul.a：hover将在您的代码如下所示时起作用； '。' 意思是“阶级”。

<ul class="a">
<li>hi</li>
</ul>