导航的目的是什么:焦点

时间:2017-08-24 01:44:22

标签: css focus nav

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

CSS: 导航a:焦点

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代码是否可用于任何目的?

1 个答案:

答案 0 :(得分:0)

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

例如

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

}

#text1:focus{
border: 1px solid blue;
}
&#13;
<input type="text" id="text1" />
&#13;
&#13;
&#13;

:focus表示点击专注。