nav a:focus 的目的是什么

【问题标题】：What is the purpose of nav a:focusnav a:focus 的目的是什么
【发布时间】：2017-08-24 01:44:21
【问题描述】：

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

CSS：导航：焦点

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 代码有什么用途吗？

【问题讨论】：

标签： css focus nav

【解决方案1】：

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

例如

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

}

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

&lt;input type="text" id="text1" /&gt;

:focus 表示被点击和聚焦。

【讨论】：