使用css在焦点期间字体大小会改变吗？

Question

当我专注于链接元素然后唯一的字体大小不改变bt我想改变字体大小每当我专注于链接html代码的元素...

CSS：

a:focus {
  outline-color: ;
  background-color: aqua;
  font-size: 27px;
}

HTML：

<ul>
  <li><a href="">home</a></li>
  <li><a href="">h</a></li>
  <li><a href="">m</a></li>
</ul>   

Answer 1

不确定是什么问题？当我复制你的代码时，它的工作就好了。尝试将“＃”（虚拟链接）添加到链接href属性

<ul>
    <li><a href="#">home</a></li>
    <li><a href="#">about</a></li>
    <li><a href="#">Contact</a></li>
</ul> 

a:focus
    {
        outline-color: none;
        background-color: aqua;
        font-size: 27px;

    }

Answer 2

您可能想要使用悬停或活动。没有任何内容的轮廓颜色也可能导致语法错误。

悬停时，悬停会更改元素。当它是即将被激活的当前元素时，Active会更改它。

a:hover, a:active {
    background-color: aqua;
    font-size: 27px;
    }