nth-child

实现特殊的循环布局

column-gap:20px;}.list:first-child{height:100%;}.list:not(:first-child){height:calc(50%-10px);}.list:not(:nth-child
上优·2025-06-25 13:55

C3新增特性

2.子元素和兄弟元素选择器:nth-child(n):匹配父元素下的第n个子元素。:nth-last-child(n):匹配父元素下的倒数第n个子元素。:nth-of-
小胖同学~·2025-06-24 18:59

vue3+elementplus表格表头加图标及文字提示

render-header属性{return({column.label})}">二、方法2：使用插槽年龄三、方法3：通过CSS伪元素添加图标/*在特定列后添加图标*/.el-table__headerth:nth-child
啊～哈·2025-06-05 16:56

html中怎样选择第几个,CSS选取第几个标签元素：first-child、last-child、nth-child

2、last-childlast-child表示选择列表中的最后一个标签，代码如下：li:last-child{background:#090}3、nth-child(3)表示选择列表中的第3个标签，
京东手机·2025-06-04 06:12

开发指南120-表格（el-table）斑马纹

必须这样写才行自定义样式如下：.el-table__bodytr:nth-child(even)>td{background-color:#f2f2f2!
大道不孤,众行致远·2025-06-01 12:14

CSS中div:nth-child(n) 与 div＞:nth-child(n) 的区别

说下div:nth-child(n)与div>:nth-child(n)的区别div:nth-child(n)表示：寻找父元素的第n个子元素是divdiv>:nth-child(n)表示：父元素
bestadc·2025-05-18 15:26

WEB前端--CSS学习笔记（四）

1）属性选择器[属性名][属性名=属性值][属性名^=属性值][属性名$=属性值][属性名*=属性值]2）结构性伪类:first-child:last-child:nth-child(n):nth-last-ch
bit熊·2025-05-17 12:38

web前端-css笔记

只会选择距离父元素最近的子元素父元素>子元素{}2.后代选择器：选择父元素的全部子元素父元素子元素{}3.逗号选择器：选择多个元素父元素，父元素{}伪类选择器1.选择相同且连续元素中的第(数值)个子元素元素:nth-child
LIl_·2025-04-02 01:46

Next：mui:client.ts:59 The pseudo class “:nth-child“ is potentially unsafe when doing server-side ren

client.ts:59Thepseudoclass":nth-child"ispotentiallyunsafewhendoingserver-siderendering.Trychangingitto
dingcho·2025-03-16 23:30

Vue3中实现el-table单选功能（取消前一项的选中）

不能使用el-radio方式因为要可以取消选中于是乎，有了当前的文章记录我们先看效果图效果图代码思路首先，把el-table的全选全不选勾选框取消::v-deep(.myTable){thead{th:nth-child
·2025-03-13 15:48

vue3 ts admin动态tab

Footer.admin{margin:0;padding:0;}.auto-height{height:calc(100vh-15px);}.el-menu--horizontal>.el-menu-item:nth-child
Tirzano·2025-02-24 23:56

对CSS了解哪些？

以下是对CSS的常见了解范围：1.CSS基础选择器：如通用选择器(*)、类型选择器、类选择器(.class)、ID选择器(#id)、后代选择器、伪类（:hover、:nth-child()）等。
光影少年·2025-02-22 05:13

Vue3中实现el-table单选功能（取消前一项的选中）

不能使用el-radio方式因为要可以取消选中于是乎，有了当前的文章记录我们先看效果图效果图代码思路首先，把el-table的全选全不选勾选框取消::v-deep(.myTable){thead{th:nth-child
·2025-02-14 22:34

CSS选择器

选择器交集选择器（复合选择器）并集选择器（复合选择器）后代选择器子代选择器兄弟选择器通用兄弟选择器属性选择器伪类选择器结构伪类选择器first-child寻找第一个儿子last-child寻找最后一个儿子nth-child
梧桐WuTong2024·2025-01-23 11:51

前端基础面试题·第二篇——CSS（其一）

元素被鼠标覆盖等等状态，写法为：伪元素，用于设置一个元素的特殊状态的一部分，写法为::伪元素于伪类：伪元素：::before::after::first-line伪类：:hover:active:focus:nth-child
DT——·2024-09-11 04:28

flex弹性布局；justify-content:space-between；最后一行左对齐

content:"";flex:1;}第二种方式：使用margin-right计算；这种方式适合每一行固定列数的情况；假设每一行只有3列元素，那么当最后一个元素是第二列（即.item:last-child:nth-child
m0_56168677·2024-09-09 14:00

python爬取微博热搜_Python 超简单爬取微博热搜榜数据

使用开发者工具(F12)查看页面逻辑，并拿到每条热搜的CSS位置，方法如下：按照这个方法，拿到这个td标签的selector是：pl_top_realtimehot>table>tbody>tr:nth-child
weixin_39835792·2024-09-07 15:03

CSS选择器

派生选择器1）后代选择器2）子元素选择器3）兄弟选择器4）邻居选择器4、属性选择器1）简单属性选择器2)具体属性选择器3）子串属性选择器5、伪类选择器1):first-child和：last-child2):nth-child
Mr.蔬菜·2024-09-05 20:45

css加载中动画

#loader.square:nth-child(5n+1){background:#0F9;animation-delay:0s;}#loader.square:nth-child(5n+2){background
永远的WEB小白·2024-08-24 06:53

web CSS3伪类选择器 :nth-child()

:nth-child()可以选择某个的一个或多个特定的子元素，你可以按这种方式进行选择：:nth-child(length);/*参数是具体数字*/:nth-child(n);/*参数是n,n从0开始计算
worldzhy·2024-02-20 21:11

css选择器:nth-child()的用法

:nth-child():nth-child()选择器，该选择器选取父元素的第N个子元素，与类型无关。
cdgogo·2024-02-20 21:09

CSS的伪类选择器:nth-child()

CSS的伪类选择器:nth-child()CSS的伪类选择器:nth-child()是一个非常强大的工具，它允许你根据元素在其父元素中的位置（序数）来选择特定的子元素。
kfepiza·2024-02-20 21:38

2024前端面试准备之CSS篇（二）

例如，:hover伪类用于选择鼠标悬停在元素上的状态，:nth-child(n)伪类用于选择父元素下的第n个子元素等。
前端fighter·2024-02-19 21:54

基于HTML+JS实现的简易双色球滚动代码

双色球section>div:nth-child(1){display:flex;margin-bottom:20px;}section>div:nth-child(1)
未休95·2024-02-15 01:07

css元素显示模式（行内、块级、行内块）

独占一行（一行只能显示一个）2、宽度默认是父元素的宽度，高度默认由内容撑开3、可以设置宽高代表标签：div、p、h系列、ul、li、dl、dt、dd、form、header、anv、footerdiv:nth-child
lxl211·2024-02-11 12:02

H5/CSS 笔试面试考题（41-50）

简述对于以下HTML，下列选项中哪一个CSS选择器效果与其他的不同()ABCA：span:first-childB：span:nth-child(0)C：span:nth-child(-n+1)D：span
宇宙中的一颗星·2024-02-11 12:27

CSS伪类和伪元素

语法数量位置类与元素使用场景伪类:多个前方和后方修饰多伪元素::单个后方创建对象少使用场景伪类状态类：:link:visited:hover:active:focus结构类：:first-child:last-child:nth-child
LBJ辉·2024-02-09 23:10

p标签里面不能嵌套ul、div等块级元素

如果写CSS的时候使用了nth-child()、last-child()这样的选择器，那么我们的样式是不是就
PXRace·2024-02-08 14:49

【前端web入门第五天】01 结构伪类选择器与伪元素选择器

选择器说明E:first-child查找第一个E元素E:last-child查找最后一个E元素E:nth-child(N)查找第N个E元素（第一个元素N值为1)一个列表结构使用结构伪类选择器的例子li:
小徐要考研·2024-02-08 10:07

CSS之盒子模型

.选择第一个li*/ulli:first-child{color:pink;}/*2.最后一个小li*/ulli:last-child{color:green;}/*3.选择其中任意一个*/ulli:nth-child
白小筠·2024-02-08 09:42

文字超长显示省略号...坑（如果盒子本身是弹性盒子flex布局会不支持）

font-weight:800;color:#2D3748;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}&:nth-child
大力水手~·2024-02-07 08:45

jquery写表格 手动合并单元格

.special-rowth:first-child,.special-rowth:nth-child(2){background-color:yellow;text-align:center;}日期姓名地址表头合并单元格
猴猴不是猴·2024-02-06 20:45

超宽横向滚动

scroll;/*overflow-y:hidden;*/}.item{width:350px;height:200px;font-size:30px;display:inline-block;}.item:nth-child
初晨未凉·2024-02-05 02:57

判断元素是否在视口内

判断元素是否在视口内ulli{list-style:none;padding:20px}li:nth-child(even){background:green}li:nth-child(odd){background
w晚风·2024-02-03 09:08

CSS3的新盒子，选择器等

新增的选择器：属性选择器：结构伪类选择选器：nth较为重要：但公式中的字母必须是n区别：nth-child：认为父类下的都是儿子，此时就需要有对应的需要，如下，此时即使排1，但是1是p而选择器是div使得结果不能够将结果表达
爱踢粪球的虫·2024-02-02 16:53

li表格border重叠问题解决

表格在正常书写中添加边框会出现两个连在一起的现象,下面是其中一个解决方案，改变前显示1.给表格表框重叠方向加上margin值，代码如图加上margin-left后如图2.使用伪类选择器:nth-child
一爷之秋·2024-02-01 18:33

css蜂巢布局

处理方法是减少一个元素或者在偶数行末尾增加一个元素)$n:9;//宽度=视口宽/每行个数$size:100vw/$n;.line{display:flex;margin-top:-$size/6;&:nth-child
 勿忘初心·2024-02-01 17:58

【CSS】css选择器和css获取第n个元素（:nth-of-type(n)、:nth-child(n)、first-child和last-child）

:nth-of-type、:nth-child的区别一、css选择器二、:nth-of-type、:nth-child的区别:nth-of-type(n)：选择器匹配属于父元素的特定类型的第N个子元素:
香菜啵子欸·2024-02-01 16:14

【前端】快速掌握CSS-盒子模型

文章目录一、选择器1.结构伪类选择器基本使用:nth-child(公式)2.伪元素选择器二、PxCook三、盒子模型1.盒子模型-组成2.边框线(1)四个方向相同(2)单方向边框线2.内边距3.尺寸计算
gravity_w·2024-01-28 23:43

day05-盒子模型

li:first-child{ background-color:green;}:nth-child(公式)提示：公式中的n取值从0开始。
是程序喵呀·2024-01-28 11:27

在CSS中如何寻找第一个元素

除了:first-child选择器，还可以使用:nth-child()选择器来选择父元素下的指定子元素。该
小小优化师 anny·2024-01-27 16:44

水波浪标题

div{/*隐藏*/display:none;}h1{display:inline;color:rgb(155,52,52);position:absolute;font-size:6rem;}h1:nth-child
与妖为邻·2024-01-27 09:14

WEB前端media查询/font-fize/以及2D变换效果的实现

WEB前端DAY7练习nth-child和nth-type区别nth-child会判断集合中的第n个标签是否是伪类前面的标签nth-type则会根据标签生成合集去其中的第n个标签body>div:nth-of-type
桔梗.py·2024-01-23 06:21

微信小程序-02

/.swiper-container{height:150px;}.item{height:100%;line-height:150px;text-align:center;}swiper-item:nth-child
菜♕卷·2024-01-23 02:10

[小程序]页面的构建

可以用来按块实现页面布局效果，具体实例如下：ABC.dockview{width:100px;height:100px;text-align:center;line-height:100px;}.dockview:nth-child
ViperL1·2024-01-21 06:47

CSS3 :nth-child(n)用法

:nth-child(n)---->选中某个元素，该元素必须是某个父元素下的第n个子元素p:nth-child(n)---->选中p元素，且该p元素必须是某个父元素下的第n个子元素注意：n是从1开始的如下代码
sxh不是帅小伙·2024-01-20 23:44

小程序宿主环境-组件swiper

/.swiper-container{height:150px;}.item{height:100%;line-height:150px;text-align:center;}swiper-item:nth-child
笔写落去·2024-01-20 07:11

CSS选择器几种用法-详解

目录CSS选择器类型一，基本选择器1.ID选择器2.标签选择器3.类选择器4.通用选择器二，包含选择器三，属性选择器四，伪类选择器:checked:first-child:last-child:nth-child
为梦想而战@大学生·2024-01-18 23:21

CSS笔记III

选择器结构伪类选择器作用：根据元素的结构关系查找元素选择器说明E:first-child查找第一个E元素E:last-child查找最后一个E元素E:nth-child(N)查找第N个E元素(第一个元素
saddhu.·2024-01-17 19:42

常见面试题之CSS

CSS3的新特性新增选择器：:nth-child()、:first-of-type、:last-of-type等弹性盒子：display:flex媒体查询：@media根据设备的特性和屏幕大小应用不同的样式规则多列布局
xxq_0217·2024-01-14 05:56
上一页 1 2 3 4 5 6 7 8 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他