首页 > 其他分享 >对结构性伪类的顶级理解

对结构性伪类的顶级理解

时间:2022-09-27 18:11:37浏览次数:49  
标签:last 顶级 元素 伪类 nth 结构性 child 类型 2n

 

 

(E:nth-child(2n)和E:nth-last-child(2n) )( E:nth-of-type(2n) 和E:nth-last-of-type(2n) ) 都是选择任意父元素下的E类型子元素。区别n值的分配方式,左边的是不分类型的,右边是分类型的。

n值的分配与上面两种选择器的关系?

2022-09-27

E:first-child和E:last-child:选择任意父元素下的第一个与最后一个元素,且不分类型,所以需要注意的是E类型元素必须是父元素的第一个或最后一个元素才能看到效果。

 

 

不对的地方欢迎指正~

标签:last,顶级,元素,伪类,nth,结构性,child,类型,2n
From: https://www.cnblogs.com/zhuangjie/p/16735468.html

相关文章

  • 结构性模式:适配器模式
    结构型模式:描述如何将类或者对象结合在一起的更大的结构结构性模式,可以分为,类结构模式和对象结构模式:  适配器模式:           ......
  • 结构伪类选择器
    结构伪类选择器简介CSS中的结构伪类选择器是根据HTML页面中元素之间的关系来定位HTML元素,从而减少对HTML元素的id属性和class属性的依赖伪类是W3C制定......
  • CSS制作移动动画效果--伪类+transition+ transform+ animation的使用
    一、常用概念:1.TransformTransform属性应用于元素的2D或3D转换。这个属性允许你将元素旋转,缩放,移动,倾斜等,它包含有以下属性:(1)矩阵matrix(2)移动translate(3)缩放s......
  • A100和H100两款NVIDIA顶级双精度浮点数矢量运算芯片被限制对华出口——警醒
    美国东部时间8月31日,NVIDIA公司宣布收到美政府通知停止对中国出口A100和H100两款NVIDIA顶级双精度浮点数矢量运算芯片,并且未来计算性能和数据传输性能高于A100的芯片都将禁......
  • 盘点阿里巴巴 15 个顶级前端开源项目
    盘点阿里巴巴15个顶级前端开源项目前端充电宝 ​关注他 14人赞同了该文章今天来看看阿里巴巴那些热门的前端开源项目,你都用过哪些?全文概览:......
  • 伪类选择器
    ​/**作者:呆萌老师*☑csdn认证讲师*☑51cto高级讲师*☑腾讯课堂认证讲师*☑网易云课堂认证讲师*☑华为开发者学堂认证讲师*☑爱奇艺千人名师计划成员*在这里......
  • 伪类和伪元素
    伪类和伪元素的根本区别在于:它们是否创造了新的元素。伪类是什么用于已有元素处于某种状态时为其添加对应的样式。语法:使用数量多个使用位置前方和后方类与元素......
  • 如何从零开始参与 Apache 顶级开源项目?| 墙裂推荐
    ​写在开头从2021开始,有一个很有意思的说法经常在各大技术媒体或开源论坛中出现,「开源正在吞噬一切」。不论是否言过其实,从一个行业从业者的切身感知来看,开源确实从少......
  • CSS 伪类:
    CSS伪类:伪类用于定义元素的特殊状态。例如,它可以用于:当用户将鼠标悬停在元素上时设置元素的样式。样式访问和未访问的链接不同。当元素获得焦点时为其设置样式。......
  • 如何使用CSS伪类选择器
    总览CSS选择器允许你通过类型、属性、位于HTML文档中的位置来选择元素。本教程阐述了三个新选项:is()、:where()和:has()。选择器通常在样式表中使用。下面的示例会找......