css 伪类 有什么用

CSS伪类是一种用于设置元素状态的方法，通过添加伪类，可以使文本、链接、表单等元素在不同状态下呈现不同的样式和特性。

常用的CSS伪类包括：

    ::hover  //鼠标悬浮状态下的效果
    ::active //鼠标点击并激活状态下的效果
    ::visited //链接访问过的状态下的效果
    ::focus //表单元素获得光标时的效果
    ::nth-child() //选择器逐个选取子元素并设定样式
    ::before //在元素内容前添加内容
    ::after //在元素内容后添加内容

利用CSS伪类可以创造更加丰富的用户体验，提高网页的吸引力和交互性。比如对于图文列表，可以通过鼠标悬浮时图片的放大、透明度的变化等效果来吸引用户的注意力；对于表单，可以设置输入框获得光标时的颜色变化，增加交互感。

    input:focus{
        border:1px solid blue;
    } 

上述代码即为设置表单元素获得光标时的样式效果，当用户点击该表单元素时，其边框会变为蓝色。

此外，CSS伪类还可以优化网页的性能。例如，利用伪类选择器::before和::after，可以避免因为添加额外元素而对HTML文本进行修改，减少浏览器的渲染时间和页面重绘的次数，从而提高网页的性能。

总而言之，CSS伪类不仅可以使网页更加美观和有吸引力，还可以提高网页的交互性和性能表现。所以，在网页设计和优化中，CSS伪类是一个不可或缺的工具。