伪类选择器

最新推荐文章于 2022-11-02 23:34:40 发布
最新推荐文章于 2022-11-02 23:34:40 发布
阅读量128 收藏
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/sxl1947842654/article/details/81043841
版权
伪类选择器:是系统为我们创建好的类, 用来为标签的某个时机设置的样式


link,visited,however,active四个伪类选择器(四个状态)
如果这四个伪类同时写的话,要注意先爱(love)后恨(hate)原则
一般与<a>标签配合使用

1.link:元素没有被访问的状态
2.visited:元素点击之后的状态
3.hover:光标移动到元素时的状态
4.active:鼠标按下没有抬起的状态
sxl1947842654
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
伪类选择器的使用和语法
09-19
伪类选择器的使用和语法 摘要：本文将详细介绍伪类选择器的使用和语法，包括伪类选择器的作用、语法、案例演示和注意事项等。 一、伪类选择器的作用 伪类选择器是一种特殊的选择器，可以选中某些元素，并且可以...
CSS伪类选择器
热门推荐
Jan's的博客
11-01 3万+
CSS的选择器有很多种，有一种选择器，与其他选择器完全不同，我们来讲一讲这个选择器——伪类选择器 伪类选择器 我们伪类选择器有几种，我们来看看第一种 静态伪类: 只能用于超链接的样式 :link超链接点击之前 :visited链接被访问过之后 以上两种样式，只能用于超链接 实际用法还得实际分析，我们来看看这一张图： 这里我写了两个超链接，看我箭头指的文章，你会发现这两个超链接颜色是不一样的 为什么会不一样呢？ 因为第一个链接，是我访问过的网站链接 而第二个链接，我的浏览器没有访问..
jQuery伪类选择器
WangJinPing_的博客
11-01 1543
一、简单伪类选择器 :not(selector) 选择除了某个选择器之外的所有元素 :first或first() 选择某元素的第一个元素（非子元素） :last或last() 选择某元素的最后一个元素（非子元素） :odd 选择某元素的索引值为奇数的元素 :even 选择某元素的索引值为偶数的元素 ...
使用css伪类选择器,css的伪类选择器的使用
weixin_31597759的博客
08-03 1890
伪类选择器，在不同情况下显示的css，伪类选择器在处理页面的美观是很大帮助。其实很多美丽的按钮或者页面都是有这些基础的知识实现的，掌握好基础很重要。名字实例说明:linka:link选择所有未被访问的链接:visiteda:visited被访问的链接:activea:active所有活动的链接:hovera:hover鼠标所在的链接:focusInput:focus获得焦点的input的css:f...
[CSS]伪类选择器
luckyboy!的博客
08-21 2万+
伪类选择器简称“伪类”，伪类是一种不存在的类，伪类用来表示元素的一种状态。
CSS伪类选择器详细讲解
weixin_67979623的博客
11-02 1万+
说起CSS3选择器种类之多，今天我们来学习下CSS3中重中之重的选择器伪类选择器，这篇涵盖了很多知识点，你看完这篇保证能对它有个更深的了解
html中结构伪类选择器,结构伪类选择器
weixin_30308101的博客
06-03 1686
属性选择器元素的属性，我们都知道是什么。例如下面代码中type和value就是input元素的属性。属性选择器，顾名思义，就是通过属性来选择元素的一种方式。属性选择器 说明E[attr^="abc"] 选取了元素E，其中E元素定义了属性att，att属性值是以abc开头的任何字符串。E[attr$="abc"] 选取了元素E，其中E元素定义了属性att，att属性值是以abc结尾的任何字符...
html伪类选择器Before,css3 伪元素和伪类选择器详解
weixin_31060209的博客
06-07 1085
伪类选择器：CSS中已经定义好的选择器,不能随便取名常用的伪类选择器是使用在a元素上的几种，`如a:link|a:visited|a:hover|a:active`提示：在 CSS 定义中，a:hover 必须被置于 a:link 和 a:visited 之后，才是有效的。提示：在 CSS 定义中，a:active 必须被置于 a:hover 之后，才是有效的。伪元素选择器：并不是针对真正的元素使...
html伪类选择器
oxh499780424的博客
09-25 1814
就是在当前标签的前加上想加的内容。他们不是边框，是after，::before。就是响应鼠标滑过的选择器，当你给标签加上的时候，鼠标一滑过就会发生你再里面定义的事件。想让他们实现的内容出现在标签旁的任意位置可以采用父相子绝的定位方式。如果你想让当前容器的兄弟容器实现动作的话，可以使用兄弟选择器。鼠标一滑过就让他出现阴影，并且往上移动。就是当前标签获得焦点的时候触发的。
结构伪类选择器
m0_62181310的博客
04-04 5765
6.选择父元素里边奇数项的子元素 :nth-child(2n+1) 2n+1或者2n-1或者odd。5.选择父元素里边偶数项的子元素 :nth-child(2n) 2n或者even。7.:nth-child(-n+i) 选择父元素里前i项子元素。11.选择父元素里边按照不同类型的第n个子元素。2.选择父元素里边的最后1个子元素。1.选择父元素里边的第1个子元素。选择父元素里边的最后1个子元素。3.选择父元素里边第n个子元素。选择父元素里边的第1个子元素。选择父元素里边第n个子元素。...
结构伪类选择器（总结）
12-22
下面将详细阐述每一种结构伪类选择器的作用和用法。 **一类选择器：基于子元素的位置** 1. `:first-child`：选择其父元素的第一个子元素。例如，如果要为每个列表的第一项设置特殊样式，可以使用`li:first-child`...
两种CSS3伪类选择器详细介绍
12-13
css伪类选择器对于大家来说最熟悉的莫过于:link,:focus,:hover之类的了，因为这些在平时中是常用到的伪类选择器，现在向大家介绍一下两种新增的Css3伪选择器。 1、UI元素状态伪类 我们把":enabled",":disabled",":...
详解如何使用CSS3中的结构伪类选择器和伪元素选择器
11-21
结构伪类选择器介绍 结构伪类选择器是用来处理一些特殊的效果。 结构伪类选择器属性说明表  属性 描述 E:first-child 匹配E元素的第一个子元素。 E:last-child 匹配E元素的最后一个子元素。 E:nth-...
四种css 伪类选择器
12-13
X:after  Example Source Code ：.clearfix:after {content: “”;...:after伪类与content结合使用，用于往元素类追加内容。:after伪类还有个妙用：用于产生阴影，点击这里查看。X:hover  Example S
CSS3 选择器 伪类选择器介绍
09-25
今天要和大家一起学习CSS3选择器中的第三部分，也是最后一部分——伪类选择器
CSS3结构性伪类选择器九种写法
01-19
　接下来的几个伪类选择器使用上非常类似，功能也比较接近。　:nth-child(n)，用于匹配索引值为n的子元素。索引值从1开始。　X:nth-child()用法实际上有三种变化，demo的用法是最简单的，X:nth-child()更强大的用处...
css3 伪元素和伪类选择器详解
09-25
无论是伪类还是伪元素，都属于CSS选择器的范畴。所以它们的定义可以在CSS标准的选择器章节找到。分别是 CSS2.1 Selectors 和 CSS Selector Level 3，两者都已经是推荐标准。
伪类选择器知识点内容以及使用案例
03-13
伪类选择器
html伪类选择器代码
最新发布
11-13
1. :hover 伪类选择器用于鼠标悬停在元素上时的样式变化： ```css a:hover { color: red; } ``` 2. :active 伪类选择器用于元素被激活（例如被点击）时的样式变化： ```css button:active { background-color: ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值