伪类选择器

最新推荐文章于 2023-02-18 21:19:38 发布
最新推荐文章于 2023-02-18 21:19:38 发布
阅读量125 收藏
点赞数
分类专栏： CSS
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/pinkowonote/article/details/107857273
版权

1. 链接伪类选择器：

为了保证生效，按照lvha顺序声明：

：link：未访问过的链接

：visited：点击过的，访问过的链接

：hover：鼠标放在连接上

：active：鼠标点击上去的时候

a链接在浏览器中有默认样式，需要单独制定a的样式

一般只会制定a和a：hover的样式

2. ：focus伪类选择器（主要针对表单元素来说）

选取获得焦点（光标）的表单元素<input>

input：focus

 

pinkowonote
关注
专栏目录
H5成长之路 input伪类选择器& vertical-align16-7-25笔记
shen452276的博客
07-25 643
介绍input相关的几个伪类选择器
CSS3结构性伪类选择器九种写法
01-19
　接下来的几个伪类选择器使用上非常类似，功能也比较接近。　:nth-child(n)，用于匹配索引值为n的子元素。索引值从1开始。　X:nth-child()用法实际上有三种变化，demo的用法是最简单的，X:nth-child()更强大的用处...
伪类和伪元素选择器
qq_46405281的博客
05-17 475
链接伪类选择器、动态伪类选择器、表单伪类选择器、结构伪类选择器，伪元素选择器
CSS3伪类选择器
weixin_45062076的博客
02-15 348
a:link{color: blue;} /*点击链接之前*/ a:visited{color: blue;} /*点击链接之后*/ a:hover{color: blue;} /*鼠标移入*/ a:active{color: blue;} /*点击左键*/ input:focus{color: blue;} /*获得焦点*/
结构伪类选择器（总结）
12-22
下面将详细阐述每一种结构伪类选择器的作用和用法。 **一类选择器：基于子元素的位置** 1. `:first-child`：选择其父元素的第一个子元素。例如，如果要为每个列表的第一项设置特殊样式，可以使用`li:first-child`...
详解如何使用CSS3中的结构伪类选择器和伪元素选择器
11-21
结构伪类选择器介绍 结构伪类选择器是用来处理一些特殊的效果。 结构伪类选择器属性说明表  属性 描述 E:first-child 匹配E元素的第一个子元素。 E:last-child 匹配E元素的最后一个子元素。 E:nth-...
两种CSS3伪类选择器详细介绍
12-13
css伪类选择器对于大家来说最熟悉的莫过于:link,:focus,:hover之类的了，因为这些在平时中是常用到的伪类选择器，现在向大家介绍一下两种新增的Css3伪选择器。 1、UI元素状态伪类 我们把":enabled",":disabled",":...
四种css 伪类选择器
12-13
X:after  Example Source Code ：.clearfix:after {content: “”;...:after伪类与content结合使用，用于往元素类追加内容。:after伪类还有个妙用：用于产生阴影，点击这里查看。X:hover  Example S
HTML|input|placeholder|：focus伪类选择器|backgound|rgba(0-255,0-255,0-255,0-1)|border|padding|margin
weixin_63189859的博客
11-14 502
不过，当盒子不设置宽度时，padding 不会撑开盒子（不会影响实际大小）喔。代码：文本框 作用：主要用于 input表单标签 中获取光标焦点。作用：用于 input表单标签文本框内 文字提示。注意：外边距会影响盒子实际大小，单位：px。作用：主要用于设置背景(没有顺序)注意：一般代码前都带有以下两行代码。注意：内边距会影响盒子实际大小。注意：边框会影响盒子实际大小。作用：设置盒子模型的内边距。作用：设置盒子模型的外边距。作用：设置盒子模型的边框。
属性伪类选择器
weixin_43755513的博客
08-02 357
input[value]{}：含有指定属性 input[value="abc"]：含有指定属性值 input[value^="abc"]：属性值起始位置存在的元素 input[value$="abc"]：属性值结束位置存在的元素 input[value*="abc]：属性值任意位置存在的元素 <!DOCTYPE html> <html> <head> &...
CSS：CSS选择器之【伪类/元素选择器】
李鴻耀
09-21 5358
前言目前为止，我们已经学习了如何使用HTML文档中定义的元素选择文档的内容。CSS中还定义了伪选择器，它们提供了更复杂的功能，但非直接对应HTML文档应以的元素。伪选择器主要分两种：伪元素和伪类。伪元素选择器该类选择器主要用于向指定的选择器添加指定的效果。：first-letter选择“块级元素”文本段落中的首个字符，只能对“块级元素”生效。该选择器可以设置的值有： font属性 color属性 b
3伪类选择器
toshibabajun的博客
01-17 1057
/* 伪类选择器：伪类选择器就是对元素处于某种状态下进行样式的。   注意：   1. a:hover 必须被置于 a:link 和 a:visited 之后 2. a:active 必须被置于 a:hover 之后*/ a:link{color:#F00} /* 没有被点击过---红色 */ a:visited{color:#0F0} /*  已经被访问过的样式---绿色 */  a:h
伪类选择器小结
yck0ng的博客
07-25 239
伪类选择器小结 li：first-child input：fouce:拥有键盘输入获取焦点时候添加的样式 a：hover：鼠标滑过的时候添加样式 a：active：被激活的时候添加样式，点击那一时刻（按住鼠标左键不放） a：link：链接地址未被访问时候添加的状态。必须设置href属性 a：visited：链接地址点击之后添加的颜色。必须设置href属性   如果需要给a标签（
CSS 语言伪类选择器
歪脖先生的博客
02-11 811
语言伪类选择器CSS 语言伪类选择器，用来匹配使用指定语言的元素。对使用多语言版本的网站，可以根据不同语言版本，设置不同的样式。表 2-9 语言伪类选择器选择器功能描述版本E:lang(language)选择使用指定语言，即lang属性等于language的E元素2在HTML 中，可以通过元素的 lang属性，来定义该元素所使用的语言。如： &lt;body lang = "en"&gt; &lt...
结构伪类选择器[]状态伪类选择器input禁用【】多背景属性【】背景图定位区域【】多列布局
weixin_73404062的博客
09-19 103
结构伪类选择器[]状态伪类选择器input禁用【】多背景属性【】背景图定位区域【】多列布局。结构伪类选择器[]状态伪类选择器input禁用【】多背景属性【】背景图定位区域【】多列布局。
css伪类选择器
weixin_34236869的博客
11-08 71
2019独角兽企业重金招聘Python工程师标准>>> ...
伪类和伪类选择器（总结）
最新发布
m0_62487693的博客
02-18 578
nth-last-of-type(n) p:nth-last-of-type(2) 选择所有p元素倒数的第二个为p的子元素。:first-of-type p:first-of-type 选择的每个 p 元素是其父元素的第一个 p 元素。:nth-last-child(n) p:nth-last-child(2) 选择所有p元素倒数的第二个子元素。:nth-of-type(n) p:nth-of-type(2) 选择所有p元素第二个为p的子元素。
CSS特殊选择器：伪类选择器详解与应用
"本资源主要介绍了CSS中的伪类选择器，包括它们的使用方法和语法，以及一些常见的伪类选择器实例。通过示例代码展示了如何应用这些选择器来实现不同状态下的元素样式控制，如超链接的不同状态、选择父元素的第一个子...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值