css复合选择器

本文详细介绍了CSS中的伪类选择器,包括focus伪类用于选取得焦点的表单元素,链接伪类如a:link、a:visited、a:hover和a:active的用法。接着讲解了结构伪类,如first-child、last-child和nth-child(n)。此外,还涵盖了子选择器(元素1>元素2)和兄弟选择器(元素1+元素2)的语法和应用场景。最后,总结了后代选择器的作用及其语法。
摘要由CSDN通过智能技术生成

一、伪类选择器

1、focus伪类选择器

定义:用于选取获得焦点的表单元素;焦点就是光标,一般情况下<input>类表单元素才能获取,所以这个选择器主要针对表单元素。

语法:input:focus{样式1;样式2....}

 input:focus {

            background-color: pink;

        }

       

 

2、链接伪类选择器

(1)a:link——选择所有未被访问的链接

(2)a:visited——选择所有已访问的链接

(3)a:hover——当鼠标移动在链接上产生的样式(最常用)

 

 

(4)a:active——选择活动链接

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

yoghurt&girl

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值