小编fom*_*icz的帖子

我有一个充满imgs的列表:

<ul>
<li><a href="#"><img src="test.png" /></a</li>
<li><a href="#"><img src="test.png" /></a</li>
<li><a href="#"><img src="test.png" /></a</li>
(...)
</ul>

当我在Firefox中点击它们时,会出现虚线轮廓(赫克发明了这个以及为什么这么丑陋!).

我想摆脱它们,但风格"轮廓"等似乎不起作用,我尝试了下面的所有选项:

#ul li img:active {
    -moz-outline-style: none;
    -moz-focus-inner-border: 0; 
    outline: none;
    outline-style: none;
}     

#ul li img:focus {
    -moz-outline-style: none;
    -moz-focus-inner-border: 0; 
    outline: none;
    outline-style: none;
}

 #ul li img a:active {
        -moz-outline-style: none;
        -moz-focus-inner-border: 0; 
        outline: none;
        outline-style: none;
    }     

    #ul li img a:focus {
        -moz-outline-style: none;
        -moz-focus-inner-border: 0; 
        outline: none;
        outline-style: none;
    }

我必须在HTML中显示这个确切的字符串:

;amp&

当我尝试它时总是改为"&".

如何解决？

我在CSS样式表的开头有这个代码(当然链接到我的index.html):

@font-face {
    font-family: "Calibri";
    src: local("Calibri"), local("Calibri"), url("fonts/Calibri-Bold.otf") format("truetype");
}

我正在使用:

#id {
font-family: Calibri, Verdana, Arial, sans-serif;
}

但它仍然无效.我的代码出了什么问题？

我有一个名为#link的链接.

它在悬停后改变颜色,如下所示:

$("#link").hover(function(){
     $(this).css({color: '#fed900'});
});

我想做的就是平滑,动画的颜色变化.

我知道我必须以某种方式将.css放在.anss中,但无法弄清楚如何.

我认为这是正确的方式,但它根本不起作用:

$("#link").hover(function(){
     $(this).animate( { css({color: '#fed900'}) }, "slow" );
});

我也尝试过这样的:

$(this).animate({ .css({color: '#fed900'}), "slow" });   

但我还是错了.有帮手吗？我知道我错过了一些非常小的东西.