2.CSS新增:一属性选择器;二结构伪类选择器(①ul li:nth-child(n/偶even/奇odd;②nth-child和nth-of-type的区别)三:权重,四伪元素选择器:content

本文详细讲解了CSS中的属性选择器和结构伪类,如:偶数和奇数li的选择、nth-child与nth-of-type的区别,以及权重理解。重点介绍了伪元素的使用技巧,如`::before`和`::after`的content属性设置。同时涵盖了行内元素处理和定位方法。

目录

一:属性选择器:

二:结构伪类选择器:

①偶数ul li:nth-child(even) , 奇数ul li:nth-child(odd) ,特定ul li:nth-child(n),第一个孩子ul li:first-child{},最后一个孩子ul li:last-child{}

②nth-child和nth-of-type的区别

三:关于权重

 四:伪元素    div::before{};div::after{}里面必须有content属性



一:属性选择器:

二:结构伪类选择器:

①偶数ul li:nth-child(even) , 奇数ul li:nth-child(odd) ,特定ul li:nth-child(n),第一个孩子ul li:first-child{},最后一个孩子ul li:last-child{}

②nth-child和nth-of-type的区别

三:关于权重

 

 四:伪元素    div::before{};div::after{}里面必须有content属性

左上角“我”:   伪元素是行内元素,无法设置宽高,我们需要给他 display:inline-block;

右下加“美女”   设置他在盒子的指定位置。子绝父相,脱标。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值