伪类选择器

最新推荐文章于 2021-04-07 23:25:21 发布
最新推荐文章于 2021-04-07 23:25:21 发布
阅读量115 收藏
点赞数
分类专栏： 笔记
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_49353940/article/details/107352274
版权

选择器## 伪类选择器
匹配不同状态的选择器，所有伪类选择器都是以:开头
1、匹配未访问的链接
选择器:link{样式声明｝
2、匹配访问后的链接
选择器:visited{样式声明}
3、鼠标悬停
选择器:hover{样式声明}
4、元素激活状态，鼠标按住元素不抬起
选择器:{样式声明}
:focus匹配获取焦点的元素状态
坑:以上四个伪类同时运用在一个元素上时，需要有严格的编写顺序、原则
:link :visited :hover :active
巧妙记法: l o ve & ha te

倩楠楠
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
三菱电梯开门键一直亮_基于S7–1500的单部六层电梯教程（三）
weixin_35645652的博客
01-03 2084
昨晚做了一个梦，梦见线上资格赛俺没过。难受不过，这个教程还是接着写吧。有帮助的点个赞啦~程序思路讲解基于S7–1500的单部六层电梯教程（一）基于S7–1500的单部六层电梯教程（二） 基于S7–1500的单部六层电梯教程（三） 基于S7–1500的单部六层电梯教程（四） 基于S7–1500的单部六层电梯教程（五）单部六层电梯参考程序 程序已配备便于理解的相关注释，建议先看完相关文章。五、开门信号...
伪类选择器的使用和语法
09-19
伪类选择器的使用和语法 摘要：本文将详细介绍伪类选择器的使用和语法，包括伪类选择器的作用、语法、案例演示和注意事项等。 一、伪类选择器的作用 伪类选择器是一种特殊的选择器，可以选中某些元素，并且可以...
单部六层电梯相关问题
06-02
电梯相关基础知识，相关问题，有需要的伙伴可以看一看多家了解
基于S7–1500的单部六层电梯教程（一）
热门推荐
qq_44808429的博客
04-07 2万+
Background： 该系列文章写于2020/8月，西门子智能制造线上赛期间。 今年疫情原因，西门子智能制造挑战赛发起了一次线上赛。线上赛的资格赛就是利用EET评分的单部六层电梯的程序编写。过去十多天，俺在配置环境，编写程序，仿真跑分里面折腾了不少时间。鉴于网上对这块（主要是电梯编程）可参考的内容蛮少的，故准备写点东西，帮助后来人少走点弯路。 大致的内容 : 1. 软件环境的一些配置（此文章） 2. 单部六层电梯程序的编写思路（另起其他文章） 基于S7–1500的单部六层电梯教程（一） 基于S7–15
常用的伪类选择器
请 端正你的态度的博客
08-10 3571
链接伪类选择器 主要有以下几类： a:link 未访问链接时属性 a:visited 访问后的属性 a:hover 鼠标放上去时的属性 a:active 点击后的属性 代码示例： a:link {color: red} a:visited; {color: yellow} a:hover {color: blue} a:active {color: orange} <a href="#"> 这是一个a标签 </a> 结构伪类选择器 :first-child
结构伪类选择器（总结）
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
伪类选择器
memcpy源码及笔试实现
qq_41782149的博客
07-15 4623
文章目录memcpy函数memcpy源码重写memcpy函数 memcpy函数 memcpy函数指的是C和C++使用的内存拷贝函数，函数原型为void *memcpy(void *destin, void *source, unsigned n)；函数的功能是从源内存地址的起始位置开始拷贝若干个字节到目标内存地址中，即从源source中拷贝n个字节到目标destin中。 memcpy源码 void *memcpy(void *dst, const void *src, size_t len) { if
CSS3选择器（全部）
GreenBark
10-16 9268
CSS3选择器再CSS2.1选择器的基础上增加了属性选择器、伪类选择器、过滤选择器，减少了对HTML类名或ID名的依赖，避免了对HTML结构的干扰，让编写代码更加轻松。 1，基本选择器 （1）标签选择器(类型选择器)             统一定义常用标签的基本样式。 ​ &lt;!DOCTYPE html&gt; &lt;html lang="en"&gt; &lt;head&gt;...
CSS3选择器--结构性伪类选择器
Wendy
01-01 2万+
在学习结构性伪类选择器之前，先了解2个概念：CSS中的伪类选择器和伪元素： 1、伪类选择器：CSS中已经定义好的选择器,不能随便取名                  常用的伪类选择器是使用在a元素上的几种，如a:link|a:visited|a:hover|a:active 2、伪元素选择器：并不是针对真正的元素使用的选择器，而是针对CSS中已经定义好的伪元素使用的选择器       C
【a】标签的伪类选择器
To be a better man！
03-15 4682
今天我们来学习一下a标签的4个伪类选择器： ①a:link选择器：修改从未被访问过的a标签样式。 ②a:visited选择器：修改已经被访问过的a标签样式。 ③a:active选择器：修改链接被长按时的样式。 ④a:hover选择器：修改鼠标悬停在a标签上的样式。 举个栗子： a标签伪类选择器 .box1:link{
html伪类选择器代码
最新发布
11-13
1. :hover 伪类选择器用于鼠标悬停在元素上时的样式变化： ```css a:hover { color: red; } ``` 2. :active 伪类选择器用于元素被激活（例如被点击）时的样式变化： ```css button:active { background-color: ...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值