css3 - 动态伪类

最新推荐文章于 2023-05-17 13:37:53 发布
最新推荐文章于 2023-05-17 13:37:53 发布
阅读量155 收藏
点赞数

动态伪类分为以下几种：

 

1. hover（经过）

2. active（点击后）

3. focus（聚焦） - input专用

4. visited（访问后）

 

使用：

 

weixin_34240657
关注
CSS伪类——动态伪类（link/visited/hover/active/focus）
weixin_34358365的博客
06-02 1440
伪类的种类可以分为一下几个类别： 动态伪类（link/visited等） 目标伪类（:target） 语言伪类（:lang） UI状态伪类（disabled/checked/enabled） 结构化伪类（nth等） 对立面伪类（not。。） 本文主要讲一下动态伪类 动态伪类 定义在链接上面的伪类 link：用来定义链接未被访问的样式 visited：用来定义链接已经被访问过的样式（默认状态下...
CSS使用placeholder-shown伪类实现输入框浮动文字效果
11-21
【CSS伪类`:placeholder-shown`的使用】 在网页设计中，提高用户体验是至关重要的，尤其是在处理表单输入时。`:placeholder-shown`是CSS3引入的一个伪类，它允许开发者更加灵活地控制输入框（`<input>`）中占位符...
CSS3动态伪类
TwentySeventh的博客
05-11 842
锚点伪类（a标签）1、:link 未操作的链接2、:visited 该链接已被访问，一旦:visited，:link/:active不再起作用。用户行为伪类1、:hover 鼠标移入该元素2、:active 鼠标点击该元素3、:focus 鼠标在输入框中input...
css3伪类选择器--动态伪类选择器
sunshine的博客
06-02 3908
动态伪类并不存在于html中，只有当用户和网站交互的时候才会体现出来。动态伪类包含两种，一种是在链接中常看到的锚点伪类，一种是用户行为伪类。 链接伪类选择器：E:link（未被访问过）     和    E:visited（已被访问过）， 用户行为伪类选择器：E:active（点击时）、E：hover（鼠标滑过时）、E：focus（元素获得焦点时） 例子：美化按钮 页面展示效果如下：
[css] 你知道什么是动态伪类吗？
歌谣的博客
02-03 326
[css] 你知道什么是动态伪类吗？ 锚点伪类（a标签） 1、:link 未操作的链接 2、:visited 该链接已被访问，一旦:visited，:link/:active不再起作用。 用户行为伪类 1、:hover 鼠标悬停该元素 2、:active 鼠标点击该元素 3、:focus 鼠标在输入框中input UI元素状态伪类 1、:enabled 2、:disabled 3、:checked 个人简介 我是歌谣，欢迎和大家一起交流前后端知识。放弃很容易， 但坚持一定很酷。欢迎大家一起讨论 主目录
【CSS】动态伪类
德仔
06-18 475
hover：用来定义用户用鼠标划过对应的元素，可是未激活显示的样式focus：用来定义一个元素自己具有焦点（接受键盘、鼠标、form的输入等）以后，显示的样式active：用来定义用户按下鼠标后，可是并未离开时候的样式，一般是左侧的鼠标:link :link 只能用于 a 标签，并且标签带有 href 属性时，才会匹配到。 当点击 1-2 中的链接后，1-2会应用到 :visited 状态。同时由于 1-3 与 1-2 访问的链接一样，1-3 也会变成绿色。 表示元素被鼠标按下，但未松开前的状态。适用于
CSS first-letter伪类元素的特点
09-25
`CSS first-letter`伪类元素是CSS中一种特殊的选择器，用于选中并样式化文本块的第一个字母。这个伪类可以应用于段落、标题等包含文本的元素，以实现特定的排版效果，如首字下沉或首字母加粗等。然而，它存在一些...
CSS日常总结-CSS伪类
最新发布
12-29
CSS日常总结--CSS伪类
CSS3结构性伪类选择器九种写法
01-19
child()用法实际上有三种变化，demo的用法是最简单的，X:nth-child()更强大的用处在于奇偶匹配，明河不展开讲，有兴趣的请看《Understanding :nth-child Pseudo-class Expressions》,《CSS3 :nth-child()伪类选择器...
css 控制first-letter伪类的背景
09-25
《CSS控制first-letter伪类的背景》 在CSS（层叠样式表）中，`first-letter`伪类是一个强大的工具，允许我们精确地控制文本块中首字母的样式。这个特性常常被用来实现一些视觉上的效果，如首字母下沉、加粗或者改变...
CSS之动态伪类选择器
m0_64694079的博客
01-13 769
CSS之动态伪类选择器
CSS3学习笔记 之 动态伪类选择器
@LeX
08-31 2427
动态伪类选择器为伪类选择器的一种，其语法如下： E: pseudo-class {property:value} 其中E为HTML中的元素，pseudo-class是CSS的伪类选择器名称，property是CSS的属性， value为CSS属性值。 动态伪类并不存在于HTML中，只有当用户和网站交互的时候才能体现出来。动态伪类包含两种，第一种是在链接中常看到的锚点伪类，另一种为用户行
CSS动态伪类选择器温故
weixin_30496751的博客
12-26 133
动态伪类选择器 伪类选择器：大家熟悉的：【:link】【:visited】【:hover】【:active】CSS3的伪类选择器分为六种：（1）动态伪类选择器（2）目标伪类选择器（3）语言伪类选择器（4）UI伪类选择器（5）结构伪类选择器（6）否定伪类选择器注：和其它CSS选择器的区别-伪类选择器都以冒号【:】开头 思考问题？（1）CSS3伪类选择器有什么功能？（2）选定元素能带来什么便利？ ...
动态伪类选择器
weixin_46421045的博客
03-19 202
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> *{margin: 0;padding: 0;} input:focus{ background...
伪类——动态链接
singotm的专栏
07-30 885
伪类可以看做是一种特殊的类选择符，是能被支持CSS的浏览器自动所识别的特殊选择符。它的最大的用处就是可以对链接在不同状态下定义不同的样式效果。1.　　语法伪类的语法是在原有的语法里加上一个伪类（pseudo-class）：selector:pseudo-class {property: value}（选择符:伪类 {属性: 值}）伪类和类不同，是CSS已经定义好的，不能象类选择符一样随意用
Css3动态伪类
weixin_34200628的博客
09-17 64
通常我们可以用CSS中伪类和js中的鼠标事件来定义。 动态伪类 起作用的元素 描述 :link 只有链接 未访问的链接 :visited 只有链接 访问过的链接 :hover 所有元素 鼠标经过元素 :active 所有元素 鼠标点击元素 :focus 所有可被选中的元素 元素被选中 转载于:htt...
伪类选择器之动态伪类：美化1按钮实例
bing_JavaScript的博客
08-09 768
美化按钮             .download-info{             text-align: center;         }         /*默认状态下的效果*/         .btn{             background-color: #0074cc;             *background-color: #0055cc;  
【伪类、动态伪类、伪元素详解并且配有代码和效果展示】
qq_41564804的博客
05-17 721
伪类、动态伪类和伪元素的详解，读者可以根据本文章，从初步到深入了解伪类和动态伪类和为元素。
【CSS】P7 伪类选择器（动态伪类，结构伪类，否定伪类，UI伪类，目标伪类，语言伪类）
weixin_43098506的博客
03-18 629
伪类选择器（动态伪类，结构伪类，否定伪类，UI伪类，目标伪类，语言伪类）
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值