HTML——伪类选择器

关于  HTML—伪类选择器 

最常见就是链接标签的伪类选择器

        a:link {},     a:visited {},        a:hover {},       a:active {}

1. 未访问的状态      a:link {  }

2. 被访问过的状态     a:visited {  }

3.鼠标悬停的状态      a:hover {  }

4.鼠标点击的状态(激活)a:active {  }

5.选择偶数对应标签  nth-child(2n)

6.选择奇数对应标签  nth-child(2n-1)

7.选择ul标签下的第一个li子元素,若ul下第一个不为li则无法选中  ul li:first-child {  }

8.选择ul标签下的最后一个li子元素 ul li:last-child {  }

9. 选择ul标签下的第一个div类型的子元素 ul div:nth-of-type(1) {  }

10.选择ul下的偶数系列的li标签  ul li:nth-of-type(2n) {  }

child: 子元素

type:   类型,标签类型

选择器:伪类 {}

标签选择器:伪类 {}

类名选择器:伪类 {}

  • 3
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值