首页 > 其他分享 >CSS选择器

CSS选择器

时间：2023-01-06 10:12:55浏览次数：56

标签：nth child 序号 type 选择器 CSS

nth-of-type 和 nth-child

nth-of-type ：先过滤类型，重新排序，匹配序号
nth-of-child : 获取所有的子元素，再匹配序号对应的类型是否一致
参考：解析CSS3伪类选择器nth-of-type和nth-child的用法，以及两者的区别

标签：nth,child,序号,type,选择器,CSS
From： https://www.cnblogs.com/zxn-114477/p/17029595.html

CSS设置多余文字自动省略
在写界面的过程中，常用到文字排版的问题，多余文字需要自动省略为”.....“，这里分享一个自己用到的方法，效果如下图：使用方法：在需要省略的文字css样式中写入如下代......
类名选择器
这是类名选择器的介绍下面是一个简单的类名选择器，代码如下:<!DOCTYPEhtml><htmllang="en"><head> <metacharset="UTF-8"> <metahttp-equiv="X-UA-C......
CSS - 浮动与清除浮动
1.浮动/*左浮动*/float:left;/*右浮动*/float:right;脱离标准流，浮动的盒子不在保留原先的位置，如何元素都可以加浮动 2.清除浮动兄弟元素关系中，上元素没有设......
vue element 日期范围选择器限制:只能选今天之前的时间 || 只能选今天之后的时间 ||
vueelement日期范围选择器限制:只能选今天之前的时间||只能选今天之后的时间||选取今天往后三天内转自于：https://www.cnblogs.com/wwyxjjz/p/16922199.html举例：......
CSS - 设置内边距padding，复合写法，内边距会影响盒子大小的问题
1.设置内边距/*设置上内边距*/padding-top:20px;/*设置下内边距*/padding-bottom:20px;/*设置左内边距*/padding-left:20px;/*设置右内边距*/padding-right......
CSS - 设置边框设置边框的宽度，类型，颜色，复合写法，设置边框是否占据额外的空间
1.设置边框的宽度/*同时设置上下左右边框*/border-width:2px;/*设置上下左右边框*/border-width:2px2px;/*设置上左右下边框*/border-width:2px1px2px......
CSS 干掉图片背景
1.首先图片需要有一个容器，容器需要有背景颜色，默认是#fff<divclass="container"><imgsrc="xxx.png"alt=""/></div>2.然后指定混合模式和滤镜.container{b......
css中word-break和word-wrap用法详解
css中的word-break和word-wrap属性在遇到中文和英文时的表现是不一样的，所以我们会在这些属性遇到中文、英文时分别进行说明。常用于换行word-wrap:break-word;word-b......
CSS - CSS的三大特性，层叠性，继承性，优先级
1.层叠性给一个元素设置两个相同的样式类型，样式冲突了，遵循的原则是就近原则，元素离哪个样式近就执行哪个样式 2.继承性后代元素会继承父元素的样式会产生继承性的样式......
CSS - 背景，设置背景颜色，背景图片，背景图片的显示方式，背景图片的起始位置，背景是否滚掉，背
1.设置背景颜色background-color:pink;background-color:rgb(255,192,203);/*第四个参数是设置透明度*/background-color:rgba(255,192,203,0.5); 2.设置背......

CSS选择器

nth-of-type 和 nth-child

相关文章

赞助商

阅读排行