<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
原创
2023-09-08 10:46:35
34阅读
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
原创
2023-09-11 07:48:33
42阅读
伪类选择器 伪类是专门用来表示元素的一种特殊状态，比如说常见的 a 元素的一些特殊状态（原始状态的超链接，访问过的超链接，运行中的超链接等等），当我们需要为这些处在特殊状态的元素设置样式的时候就可以使用伪类选择器来定义。动态伪类，因为这些伪类并不存在于HTML中,而只有当用户和网站交互的时候才能体现出来，动态伪类包含两种，第一种是我们在链接中常看到的锚点伪类，如":link",":
转载
2023-12-27 07:25:34
223阅读
CSS的语法位置//CSS代码语法选择器{属性名1：属性值1；属性名2：属性2；}列：h1{zfont-size; --字体大小color: blue; --字体颜色}注意：多个属性用分号分隔类选择器语法：.Class属性值{。。。。。}步骤：第一步：给指定的html标签加上class属性第二步：在style中写.class属性值{。。。。。}ID选择器语法:#ID属性值{XXXXX}步骤:第一步
转载
2023-08-27 09:10:18
64阅读
子元素伪类选择器，指的就是选择某一个元素下的子元素。伪类选择器，相信小伙伴也接触过了，最典型的就是超链接的几个伪类：a:link、a:visited、a:hover、a:active。在CSS3中，子元素伪类选择器有两大类。(1):first-child、:last-child、:nth-child(n)、:only-child(2):first-of-type、:last-of-type、:nt
转载
2024-06-05 20:39:34
166阅读
这个也有意思
之前几天学的，现在写写刚好复习（伪类选择器伪类是什么？
伪类用于定义元素的特殊状态，比如鼠标悬浮在按钮上，按钮颜色会变就是一个例子。链接伪类选择器修改链接状态的选择器点击查看-连接选择器-代码<!DOCTYPE html>
<html>
<head>
<title>
伪类选择器
转载
2023-06-06 21:10:35
76阅读
利用组合选择器虽然可以选择子类和兄弟元素，但是无法做到特殊的选择。例如无法选择第几个子类，或者和其同标签的兄弟元素。为此CSS诞生了伪类选择器，用来进行更加灵活的元素选择。伪类选择器伪类选择器根据功能可以分为子元素伪类选择器，UI伪类选择器和其他伪类选择器。其优先级为(0,1,0)。其他伪类选择器用于根据页面元素的关系来选择页面元素。:root表示文档的根元素。常用于对页面整体进行设置，对整个文档
转载
2023-10-18 21:44:25
68阅读
伪类选择器
一、基于a标签。
1、:hover 选择鼠标滑过的超链接元素
2、:active 选择鼠标单击中的超链接元素
3、:link 选择未被访问的超链接元素
4、:visited 选择已经被访问过的超链接元素
转载
2023-05-26 23:39:59
0阅读
一、a标签的伪类选择器注意点（1）a标签的伪类选择器可以单独出现，也可以一起出现。也就是可以设置多个状态的样式。（2） a标签的伪类选择器如果一起出现，那么有严格的顺序要求，编写的顺序必须要遵守原则： （love\hate原则，即link\visited\hover\active）默认状态、被访问后的状态、悬停状态、长按状态（3）如果默认状态的阿燕是和被访问过的状态的样式一样，那么可以缩写为a{
转载
2023-07-29 22:12:11
73阅读
目录伪类标签a标签的四大伪类普通标签的伪类运用属性选择器伪类标签<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>伪类选择器</title>
<style>
.p{
backgrou
转载
2023-06-06 21:31:40
96阅读
伪类选择器：CSS中已经定义好的选择器,不能随便取名常用的伪类选择器是使用在a元素上的几种，`如a:link|a:visited|a:hover|a:active`提示：在 CSS 定义中，a:hover 必须被置于 a:link 和 a:visited 之后，才是有效的。提示：在 CSS 定义中，a:active 必须被置于 a:hover 之后，才是有效的。伪元素选择器：并不是针对真正的元素使
转载
2023-12-14 19:56:53
45阅读
伪类和伪元素 有时候，你需要选择本身没有标签，但是仍然易于识别的网页部位，比如段落首行或鼠标滑过的连接。CSS为他们提供一些选择器：伪类和伪元素。常用的一些伪类选择器：:link:visited:hover:active表示普通的链接（没访问过的链接）表示访问过的链接浏览器是通过历史记录来判断一个链接是否访问过, *由于涉及到用户的隐私问题，所以使用visited伪类只
转载
2023-07-14 21:00:14
105阅读
复合选择器-链接伪类选择器（HTML、CSS）<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=de
原创
2022-10-20 10:10:23
60阅读
文章目录一、伪类选择器概述1.伪类2.伪类选择器3.语法二、常用的伪类选择器1.动态伪类选择器2.UI 元素状态伪类选择器3.结构伪类选择器4.否定伪类选择器5.目标伪类选择器总结 一、伪类选择器概述1.伪类CSS中伪类是用来添加一些选择器的特殊效果。由于状态的变化是非静态的，所以元素达到一个特定状态时，它可能得到一个伪类的样式；当状态改变时，它又会失去这个样式。由此可以看出，它的功能和 cla
转载
2023-11-27 19:52:34
55阅读
本篇文章给大家带来的内容是关于深入了解伪类选择器的用法(代码示例)，有一定的参考价值，有需要的朋友可以参考一下，希望对你有所帮助。前言过去零零星星地了解和使用:link、::after和content等伪类、伪元素选择器，最近看书时发现这方面有所欠缺，于是决定稍微深入学习一下，以下为伪类部分的整理。伪类伪类选择器实质上是让设计师可以根据元素特定的状态，设置不同的视觉效果。具体有:link、:vis
转载
2023-11-06 19:27:25
95阅读
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> child 孩子 向下寻找时，没有找到指定元素，则不会在寻找 type 类型 向下寻找时，没有找到指定元素，继续往下寻找，直到找到 从(1)开始搜索 nth-ch
原创
2022-07-19 11:19:46
77阅读
# HTML5伪类选择器
HTML5伪类选择器是一种在CSS中使用的特殊选择器，用于选择DOM元素的特定状态或位置。伪类选择器允许开发者通过添加特定的选择器来选择页面中的元素，而无需修改HTML结构或添加额外的类名。
## 常用的伪类选择器
### :hover
`:hover` 伪类选择器用于选择鼠标悬停在元素上时的状态。通过使用 `:hover` 选择器，我们可以为鼠标悬停在元素上时应
原创
2023-09-08 08:25:10
284阅读
/**作者：呆萌老师*☑csdn认证讲师*☑51cto高级讲师*☑腾讯课堂认证讲师*☑网易云课堂认证讲师*☑华为开发者学堂认证讲师*☑爱奇艺千人名师计划成员*在这里给大家分享技术、知识和生活*各种干货，记得关注哦！*/伪类选择器 &n
原创
精选
2022-08-31 22:26:06
412阅读
1 tr:hover{background-color: cadetblue;}/*鼠标放在行上，本行变色*/ 2 tr:hover+tr{background-color: red;}/*鼠标放在行上，下一行行变色，主要是增加了一个“+”号，如果增加2个就跳过2个，依次类推*/ 3 tr:hove ...
转载
2021-10-13 15:32:00
144阅读
2评论
<!DOCTYPE html><html lang="zh-cn"><head> <meta charset="utf-8"/> <title>实现vivo X9s手机的宣传面面</title> <!-- 引用CSS样多文件，路径、类型、与当前文件关系 --> <link...
原创
2022-07-27 10:51:38
40阅读
