不要突出显示选项卡上的锚链接

Question

除了一个之外的所有锚链接都会在焦点上更改背景颜色，除了一个。

HTML

<a id="login-as-guest">Cancel and browse as guest</a>

CSS

#login-as-guest a:focus{ background-color: yellow; }

有什么想法吗？

Answer 1

要使用焦点，您需要为元素指定tabindex，因为它不是输入。否则你可以使用active。你的代码也不正确。目前，它正在使用a在元素中查找ID元素。

正确的方法是

a#login-as-guest:focus{ background-color: yellow; }

两种方式： DEMO http://jsfiddle.net/kevinPHPkevin/t2hbS/

Answer 2

没有href属性的锚标记无法获得焦点（至少在Chrome中，但我认为这是标准行为）。此外，您的选择器不正确，您试图选择a的后代#login-as-guest。选择器应为a#login-as-guest:focus，这将选择ID为a且焦点为#login-as-guest的{​​{1}}。

查看更新后的小提琴：http://jsfiddle.net/VKvBy/1/