伪类选择器:开头标识,伪元素选择器::标识,常用的

26 篇文章 0 订阅

伪类(不存在的类,特殊的类。描述特殊状态——第一个元素、被点击的元素、鼠标移入的元素)

自动选择第一个元素——:first-child——选择列表的第一个子元素——对于所有子元素进行排序

:last-child最后一个元素


ul>li:first-child{
	color: aqua;

}

<ul>
	<li>第n个</li>
	<li>第n个</li>
	<li>第n个</li>
	<li>第n个</li>
	<li>第n个</li>
</ul>

选择第n个子元素——:nth-child(数字)——对于所有子元素进行排序,包含其他子元素

数字:

0 表示都没有选择 1 第一个子元素   n表示全选中

2n选择偶数位 2n+1选择奇数位

even选择偶数位 odd选择奇数位 

ul>li:nth-child(1){

    color: aqua;

}


:first-of-type——同类型所有元素排序。第一个

:last-of-type——同类型所有元素排序,最后一个

:nth-of-type(0-n)——同类型排序


:not否定伪类——将符合条件的元素去除

ul>li:not(:nth-child(2)){ 选择所有i除了第三个

    color: aqua;

}

ul>li:not(li:nth-child(2)){ //前后相同可以删除

    color: aqua;

}

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值