CSS——伪类选择器

最新推荐文章于 2023-08-12 13:13:35 发布
最新推荐文章于 2023-08-12 13:13:35 发布
阅读量56 收藏
点赞数
分类专栏： 前端 文章标签： css 前端 html javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_62379761/article/details/130276266
版权

1.作用:根据元素在HTML中的结构关系查找元素

2.优势:减少对于HTML中类的依赖，有利于保持代码整洁

3.场景:常用于查找某父级选择器中的子元素

选择器说明
E:first-child{}匹配父元素中第一个子元素，并且是E元素
E:last-child {)匹配父元素中最后一个子元素，并且是E元素
E:nth-child(n){)匹配父元素中第n个子元素，并且是E元素
E:nth-last-child(n){}匹配父元素中倒数第n个子元素，并且是E元素

n的注意点

功能公式
偶数2n、even
奇数2n+1、2n-1、odd
找到前5个-n+5
找到从第5个往后n+5

褚睿睿
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
CSS3 选择器 伪类选择器介绍
09-25
今天要和大家一起学习CSS3选择器中的第三部分，也是最后一部分——伪类选择器
伪类选择器、元素浮动与浮动的消除
amzon1222的博客
11-01 273
浮动、浮动清除、伪类选择器
前端学习笔记--清除元素浮动
kunzedang_9528的博客
03-10 290
浮动的元素不占有高度，会自动上浮； 因为父盒子不方便给高度， 所以为了解决子盒子浮动不占有高度位置，让父盒子没有高度也不影响标准流盒子。所以需要清除浮动。 清除浮动的本质就是清除浮动元素造成的影响。 语法：clear:both(清除左右两侧浮动的影响) 清除浮动的策略是：闭合浮动：只让浮动在父盒子内部影响，不影响父盒子外面的其他盒子。 清除浮动的方法： 额外标签法也称为隔墙法，是W3C推荐的。 原理： 找到最后一个浮动的盒子，添加一个标签（必须是块级元素），给标签添加style clear: both
伪类+伪元素+属性 选择器
最新发布
m0_73559209的博客
08-12 114
【代码】伪类+伪元素+属性 选择器。
结构伪类选择器
weixin_43755513的博客
08-01 112
1.:first-child 整个结构中的第一个 :last-child 整个结构中的最后一个 2.:first-of-type :last-of-type 这个元素类型的第一个和最后一个 3.:nth-child(n) 整个结构中的第n个 n可以写成2n或even，指的是偶数 2n-1或2n+1或odd是奇数 :nth-of-type(n) 这个类型的第几个 4.:nth-last-...
DW伪元素、伪类、过度属性、权重、盒模型、浮动、表格等介绍
huhnyvkj的博客
10-11 1646
1、伪元素 伪元素用于设置元素指定部分的样式。 比如说设置元素的首字母、首行的样式;在元素的内容之前或之后插入内容 常见的伪元素如下图 常用伪元素 ::after p::after 在每个 <p> 元素之后插入内容。 ::before p::before 在每个 <p> 元素之前插入内容。 ::first-letter .
CSS伪类/伪元素选择器整理
12-13
一、超链接  a：link{ color:red;}  a：visited{ color:blue;...二、更多伪类  ：root —————————— 文档的根  ：nth-child(n) ——————— 作为其父元素的第n个孩子的一个元素   ：n
CSS3 选择器 基本选择器介绍
12-13
第二部分我把他称作是属性选择器，第三部分我把他称作伪类选择器，这一部分也是最难理解和掌握的部分，今天我们先来看第一部分——基本选择器。我们先来看一个常用的选择器列表图 下面我们先看看上
CSS——web静态页面设计
08-13
2. 类选择器：以`.`开头，如`.class-name`，匹配具有指定类属性的元素。 3. ID选择器：以`#`开头，如`#id-name`，匹配具有特定ID属性的唯一元素。 4. 属性选择器：如`[attr=value]`，匹配具有特定属性和值的元素。 5...
走进css——01
01-08
行内样式（如`style`属性）具有最高权重，其次是ID选择器，然后是类选择器，再次是元素选择器。权重可以叠加，继承的权重默认为0。`!important`可以赋予规则最高的权重，但应谨慎使用，以免破坏代码可维护性。 最后...
CSS选择器总结
qq_42156793的博客
10-18 219
总结css各种选择器用法
css笔记
c1523456的博客
11-01 1031
css3 基础内容
CSS伪类选择器详细讲解
热门推荐
weixin_67979623的博客
11-02 1万+
说起CSS3选择器种类之多，今天我们来学习下CSS3中重中之重的选择器伪类选择器，这篇涵盖了很多知识点，你看完这篇保证能对它有个更深的了解
【第四篇】CSS选择器之伪类选择器
Ethan's Blog
07-17 2868
介绍CSS中伪类选择器，包括:first-child,:first-of-type等子类伪类选择器，:focus,:hover等UI伪类选择器。
大一下期末_Web实验练习
xiaosi的博客
06-22 1911
开始： 临近考试，把这学期所有练习的实验从新过一遍，并做一个小结。 前面的内容主要是基础的HTML、CSS、JS部分知识点 后面部分有一些JQuery的练习代码和小项目 加油~ 内容： 学期Web实验小记 实验1—购物信息调查表 设计知识点：表格，表单。 1.表单radio选择性别，设置name属性相同，可以防止同时选择 2.下拉选择框是 <select> <option value="">选项1</option> <option>选项2</opt
css 取消伪类最后一个样式
weixin_38982591的博客
06-07 1417
利用伪类画出来的border，去掉最后一个。
有趣且重要的css知识合集（7）去除最后一个子元素的伪元素
qq_39404437的博客
11-04 4919
去除最后一个子元素的伪元素，其含义也为不给最后一个子元素添加伪元素
CSS结构伪类选择器、伪元素、浮动、清除浮动
自动花钱机的博客
11-17 313
结构伪类选择器，伪元素，标准流（标签默认的排列方式），浮动（浮动元素会脱离标准流（简称：脱标），在标准流中不占位置、浮动元素比标准流高半个级别，可以覆盖标准流中的元素、浮动找浮动，下一个浮动元素会在上一个浮动元素后面左右浮动），清除浮动，清除浮动的介绍，清除浮动的方法（直接设置父元素高度、额外标签法、单伪元素清除法、双伪元素清除法、给父元素设置overflow：hidden）。...
CSS布局-结构伪类选择器、伪元素、标准流、浮动、清除浮动
GTC的博客
02-27 1034
CSS布局-结构伪类选择器、伪元素、标准流、浮动、清除浮动1、结构伪类选择器1.1、 作用与优势1.2、 选择器1.3、注意点1.4、（拓展）结构伪类选择器的易错点1.5、（了解） nth-of-type结构伪类选择器2、伪元素3、标准流4、浮动4.1、 浮动的作用4.2、 浮动的代码4.3、 浮动的特点4.4、 浮动的案例5、清除浮动5.1、 清除浮动的介绍5.2、 清除浮动的方法5.2.1、清除浮动的方法 — ① 直接设置父元素高度5.2.2、 清除浮动的方法 — ② 额外标签法5.2.3、 清除浮动的
CSS入门教程：选择器、字体、文本属性与更多
1. **CSS基础选择器**：介绍了四种基本的选择器——标签选择器、类选择器、ID选择器和通配符选择器，它们用于选取页面中的HTML元素。 2. **字体属性**：包括字体系列、字号大小、字体粗细、字体样式等，这些属性...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值