前端基础-伪类选择器

最新推荐文章于 2023-07-23 18:27:25 发布
最新推荐文章于 2023-07-23 18:27:25 发布
阅读量392 收藏
点赞数 2
文章标签： css html html5
版权声明：本文为博主原创文章，遵循 CC 4.0 BY 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_42528266/article/details/105200251
版权

伪类选择器

​ 元素:link 正常的链接的状态

​ 元素:visited 点击以后的状态

​ 元素:hover 当鼠标移动上去的状态-------重点、常用

​ 元素:active 当鼠标按下去时候的状态

总结：

​ 1.伪类是选择器，不是css的属性，不能写在{}中

​ 2.visited和link不能适用于普通标签，只有a标签才有

​ 3.hover和active是任何标签都可以有的

cwl_java
关注
前端——关于伪类的实用小技巧
Bingtangbgd的博客
06-19 452
前端——关于伪类的实用小技巧
头歌教学实践平台 Web前端开发基础 CSS-基础选择器
最新发布
01-20
在Web前端开发中，CSS（层叠样式表）是用于...然而，CSS的世界远不止于此，还有伪类、伪元素、属性选择器等更多高级概念等待探索。在头歌教学实践平台上深入学习这些内容，你将能够更高效地打造富有吸引力的Web页面。
前端-Css-伪类选择器
今天你敲代码了嘛
09-15 220
给复合选择器挖个坑坑 伪类选择器 用于给某些选择器添加特殊效果 冒号: 链接伪类选择器 顺序：LVHA :link :visited :hover :active a 链接在浏览器中具有默认样式， 所以我们实际工作中都需要给链接单独指定样式 记忆法： <!DOCTYPE html> <html lang="zn-CN--"> <head> <meta charset="UTF-8"> <meta name="viewport" con
前端笔记——伪类选择器
weixin_44158539的博客
08-05 146
<!DOCTYPE html> <html lang="en"> <style> /* 将ul里的第一个li设置为红色 */ ul>li.first{ color:red; } /* 伪类：不存在的类，特殊的类 -作用：描述一个元素的特殊状态 -eg：第一
前端——伪类选择器
翊小宸的博客
07-06 389
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> /*
Web前端CSS伪类选择器
qq_33270521的博客
10-25 434
1， li:first-child第一个元素 li:last-child最后一个元素 li:nth-child(n)第n个元素 li:nth-last-child(4)倒数第n个元素 /* 在这里可以以a*n+b输入，比如5n+2 个人感觉是遍历，比如有10个元素，则 n=0---2 n=1---7 n=2---12 2和7则被选中，负数...
练习前端-CSS引入、基础选择器-day04
08-31
- ID选择器的权重最高，其次是类选择器，再是元素选择器，最后是通配符、属性和伪类选择器。优先级计算涉及每个选择器类型的计数，最后通过比较数值决定哪个样式生效。 4. **CSS盒模型**： - 包括`content`...
css3 伪类选择器快速复习小结
01-19
如果说 css 作为前端开发的基本功, 那么 选择器 就是基础中的基础. 如果你在复写或者学习这些容易令人混淆的选择器, 那么你就来对地方了, 我的老伙计. 本篇文章会直接了当的比较它们的特性, 帮助你快速的掌握它们: ...
python 零基础学习篇web前端开发基础css基础5 id 组 伪类选择器 .mp4
04-21
python 零基础学习篇
练习前端-CSS权重计算、复杂选择器、基础属性-day05
08-31
3. 类、属性和伪类选择器（如`.class`, `[attribute]`, `:hover`）：权重为10。 4. 标签、伪元素和其他选择器（如`div`, `::before`）：权重为1。 记住，相同权重的选择器会根据它们在文档中的顺序来决定优先级，后...
前端【伪类选择器】
weixin_53271010的博客
09-20 284
a标签有四种伪类，建议顺序 link visited hover active。：first-of-type 第一个 类型的标签， 不用是第一个。：first-child 只能是第一个，是第一个子级元素。：visited 链接后。：focus 获取焦点。：link 链接前。
HTML/CSS入门基础知识
IT_qslong的博客
06-15 1149
HTML概述(阶段1 入门概述) 一、HTML 超文本标记语言 第一个HTML页面 一、HTML基本结构 HTML模板简要说明 声明 HTML基本结构 二、HTML元素 元素 闭合元素 ‘’ 空元素 ‘’ 标签 HTML元素属性 属性名 属性值 三、HTML头部 元素 ‘元素：定义HTML页面标题 ’元素：定义HTML页面中所以相对URL的根URL。 ‘元素：定义HTML页面引入的外部资源 ‘’ ‘’ '元素：定义HTML页面的css样式 ’元素：定义HT
前端入门篇（二十二）伪类选择器
安之ccy的博客
01-29 230
伪类选择器，案例：链接状态改变，则样式改变 链接四种状态：link初始状态，visited被访问过，hover鼠标悬浮，active点击时 css文件： a:link { color:blue } a:active { color: green; } a:hover { color: red; font-size: 30px; } a:visited { color: yellow; } html文件： <body> <a href="#5
Web前端，CSS中结构伪类选择器
星辰迷上大海的博客
05-05 950
结构伪类选择器的使用
前端——伪类选择器、选择器优先级、css修改文字属性、css背景、css边框、display属性、div、浮动、浮动清除
kdq18486588014的博客
04-26 744
文章目录一、伪类选择器二、选择器优先级三、css修改文字属性四、css背景五、css边框六、display属性七、div1.外边距2.内边距八、浮动 一、伪类选择器 1.修改首个字体样式 p:first-letter { color: red; font-size: 48px; } 2.在文本开头添加内容 p:before { content: 'css开头'; color: blue;
前端学习（147）：伪类选择器
歌谣的博客
12-19 146
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv...
前端基础之六 伪类元素和伪类选择器
sinat_37488524的博客
03-10 405
1、a的伪类 案例：设置访问过的链接为红色，用户有没有访问过，我们可以通过浏览器的用户历史记录识别。 （1）a:visited   设置已经访问过的链接的文字，但是只能为字体设置颜色，而不能设置其他样式。 （2）a:link  表示没有访问过的正常的链接 （3）a:hover   设置当鼠标移入到超链接上时，超链接的文字的状态 （4）a:active    当鼠标点击超链接（但是不松开）
前端学习笔记24-伪类选择器
weixin_45034895的博客
04-21 383
前端学习笔记24-伪类选择器vscode快捷键伪类选择器:first-child:last-child:nth-child（x）of-type:not() vscode快捷键 输入ul>li，然后按住Tab键，就出现了如下代码 <ul> <li> </li> </ul> 输入ul+li，然后按住Tab键，出现如下代码 <ul></ul> <li></li> 越来越觉得v
前端必知：23.属性/伪类/伪元素/结构伪类选择器
qq_52799985的博客
07-23 293
通过灵活地运用属性选择器、伪类选择器、伪元素和结构伪类选择器，我们可以实现各种样式的定位和样式的特殊效果。熟练使用这些选择器可以提高开发效率，并帮助我们创造出更加优雅和强大的用户界面。
掌握HTML伪类选择器与CSS基础：构建美观网页
本篇文章主要介绍了HTML基础以及CSS（层叠样式表）中伪类选择器的使用。首先，HTML是HyperText Markup Language的缩写，它是一种用于创建网页的标准标记语言，通过HTML标记和元素，开发者可以实现页面的排版、创建...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值