使用css聚焦时字体大小会改变吗？

Question

当我专注于链接 a 元素时，唯一的字体大小不会改变 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

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

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

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

Answer 2

不确定是什么问题？当我复制你的代码时，它的工作就好了。尝试将 '#'(dummy-link) 添加到链接 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;

    }