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

Question

当我关注 link a 元素时，唯一的字体大小没有改变 bt 我想在我关注 link a 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;

    }

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

Font size will change during focus using css?

css

pseudo-class