css伪类 focus |sql css

element:focus {
CSS样式
}

当一个元素被点击或者输入到时，它就会获得焦点，此时可使用focus伪类来修改其样式，如修改边框，背景色等。

实例：

input:focus {
background-color: yellow;
border: 2px solid blue;
}

在上面的代码示例中，当一个input元素被点击或者输入到时，它将变成背景颜色为黄色的带有蓝色2px实线边框的样式。

需要注意的是，伪类focus只能应用于可获得焦点的元素，如a、input、button等，不含p、div、span等不可获得焦点的元素。因此，在设计网页时要充分了解使用哪些元素可以获得焦点。

总之，CSS伪类focus是一个很有用的工具，它允许您在用户与网页上的元素互动时改变其样式，从而提升用户体验。