伪类选择器&复合选择器总结

 伪类选择器可以达到 鼠标经过 连接变色  的效果

一、 链接伪类选择器

 a:link {
            color: deeppink;
            text-decoration: none;
        }

        a:visited {
            color: aqua;
            text-decoration: none;
        }

        a:hover {
            color: #666;
        }

        a:active {
            color: bisque;
        }

  注意:1. 为了确保生效需要按照LVHA的顺序进行书写

2. 因为a链接在浏览器中具有默认的样式,所以,平时需要给链接单独指定样式

 

二、focus伪类选择器

 

用于获取焦点的表单元素,  焦点就是光标,一般情况下来讲,只有<input>标签(表单元素)中才可实现

input:focus{
background-color:yellow;
color:red; }

效果:文字框变黄,文字为红色

 

三、复合选择器总结

 

posted @ 2025-05-09 15:07  逃逸线LinesOfFlight  阅读(7)  评论(0)    收藏  举报