导航的目的是什么 a:focus

Question

有时我会在css中看到下面的代码。

CSS: 导航 a:focus

HTML:

<body>

<nav>
<ul>
<li><a href="#">Ex1</a></li>
<li><a href="#">Ex2</a></li>
<li><a href="#">Ex3</a></li>
<li><a href="#">Ex4</a></li>
</ul>
</nav> 
</body>

示例：https://jsfiddle.net/RE006/5ezprru0/

那个 css 代码有什么用吗？

Answer 1

我通常使用带有 input[type] 标签的 :focus 选择器。

例如

#text1{
width: 100px;
height: 60px;
border: 1px solid gray;

}

#text1:focus{
border: 1px solid blue;
}

<input type="text" id="text1" />

:focus 表示点击并且 关注。

导航的目的是什么 a:focus

What is the purpose of nav a:focus

css

focus

nav