css中focus是什么悬停

在CSS中， :focus 是指当用户通过键盘或鼠标选中一个可编辑元素时，该元素处于焦点状态。

通过使用:focus伪类，可以为处于焦点状态的元素设置样式。这通常用于表单控件，例如输入框，当用户点击或选择输入框时，可以改变其外观。

input:focus {
	background-color: yellow;
} 

在上面的示例中，如果用户选中一个标签，如一个文本框，当它处于焦点状态时，它的背景颜色将变成黄色。

使用:focus伪类时，需要确保为目标元素定义tabindex属性。 tabindex属性控制元素的tab顺序。当用户按下tab键时，浏览器将在tabindex按升序浏览元素。

<button tabindex="1">Button 1</button>
<button tabindex="2">Button 2</button>
<button tabindex="3">Button 3</button> 

在上面的示例中，按钮1为第一个，按钮2为第二个，按钮3为第三个。当用户按下tab键时，按钮的顺序将是按钮1，按钮2，按钮3。

因此，当你想在页面上创建一个可访问的表单或用户界面时，请使用:focus伪类。它是非常有用的特性，并可以为您的网站提供更好的易用性。