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：悬停和当前上面的内容，我的印象是如果我想改变格式对于列表中的所有链接，我不需要为它们创建类。我可能错了，我是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：当您的代码如下所示时，悬停将起作用; ''意思是“阶级”。

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

从外部CSS样式表

2 个答案: