CSS 中用来定义元素不同状态的伪类选择器

最新推荐文章于 2024-08-05 18:36:07 发布
最新推荐文章于 2024-08-05 18:36:07 发布
阅读量50 收藏
点赞数
文章标签： css 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/gahsuxjxnxn/article/details/132083987
版权

- :active - 被用户激活的元素(例如点击的状态)

- :focus - 获得焦点的元素(例如通过 tab 键聚焦)

- :focus-within - 元素本身或子元素获得焦点

- :hover - 鼠标悬停在元素上时

- :visited - 用户已访问的链接

- :focus-visible - 通过键盘聚焦而不是鼠标聚焦

- :target - 匹配 id 匹配当前 URL 的元素

关你西红柿04
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Lesson03_02 样式规则选择器
10-31
伪元素选择器允许我们针对元素的不同状态或内容部分定义样式。例如，`A:active`、`A:hover`、`A:link`和`A:visited`分别对应超链接的被激活、鼠标悬停、未访问和已访问状态。同样，`P:first-line`和`P:first-letter`...
第13章 CSS选择器[上]
08-11
本章主要关注CSS选择器，它是CSS中用于定位和选中HTML元素的关键概念。CSS选择器允许我们以精确的方式控制网页上的各个元素样式。 首先，我们要理解CSS选择器的基本类型。这些包括： 1. **类型选择器**：例如`h1`...
CSS
qq_42732038的博客
09-04 343
CSS基础语法 1.selector{ property:value 属性：值 } eg:h1{color:red;font-size:14px;} 属性>1个，属性之间用分号隔开： 值>1个单词，则需要加上引号； eg:p{font-family:“sans”;} CSS高级语法： 1.选择器分组： h1,h2,h3,h4,h5,h6{color:red;} 2.继承 b...
CSS鼠标动作的五种状态[伪类选择器]
热门推荐
weixin_45203607的博客
04-30 1万+
title: CSS鼠标动作的五种状态[UI元素的伪类选择器] abbrlink: 29618 date: 2020-07-08 12:20:16 author: 胡安民 toc: true top: false cover: false summary: categories: Web reprintPolicy: cc_by keywords: 初始状态link,点击后visited,鼠标悬浮hover,点击后未释放状态active,鼠标聚焦focus,案例实现自定义下内容 tags: CSS .
css鼠标点击的五种状态
huyao的博客
07-23 4190
  1、dom:link{color:#fff}  未访问时的状态（鼠标点击前显示的状态）   2、dom:hover{color:#fff}  鼠标悬停时的状态   3、dom:visited{color:#fff}  已访问过的状态（鼠标点击后的状态）   4、dom:active{color:#fff}  鼠标点击时的状态   5、a:focus{color:#fff}  点击后鼠标移开保持...
CSS属性不同情况下的值
风海生
04-30 280
初始值 也叫默认值，是一个属性在没有为其设置值时，所展现出来的默认值。就好像let num; num的值为undefined MDN上的说法： 可继承的属性值，初始值只能用在没有指定值的根元素上 不可继承的属性值，初始值可以被用在任意没有指定值的元素上。 指定的方式是：赋值initial; 计算值 MDN教程 我不介绍MDN教程上有的东西。 核心概念：计算值是一个子元素继承自父元素的值。 ...
根据不同status状态参数动态展示不同css样式
msyqmsyq的博客
04-11 9483
第一种：两种不同状态切换显示，在class属性中使用三目运算符动态选择Class属性即可在wxss中定义被点击和未被点击的样式，如下：[css] view plain copy.is_checked{    color: #FE0002 ;    background: #fff;  }  .normal{    color: #333;    background: #F0F1EC;  }  依...
CSS选择器详解及部分元素属性
小小码农
03-12 2466
CSS选择器详解及部分元素属性
CSS 伪类选择器和伪元素选择器的区别 样式权重
蒲公英芽的博客
03-03 4310
伪类和伪元素的区别 类，用户定义的类名，这个类是具体的，看得见的，如div.div0，选择具有类div0的div元素。 伪类，用于向某些选择器添加特殊的效果。用伪类定义的样式并不是作用在标记上，而是作用在标记的状态上，如a标签的:hover，表单元素的:disabled。 元素，如div、p、h1等，是实实在在存在的元素。 伪元素，是html中不存在的元素，仅在css中用来渲染的，伪元素创建了一...
【CSS】选择器汇总
qq_45677671的博客
04-02 1782
文章目录一、选择器权重二、基础选择器2.1、通配符（*）2.2、标签选择器（h1）2.3、 id选择器（#）2.4、class选择器（.）三、层级选择器3.1、群组选择器（E,F）3.1、包含选择器（E F）3.1、子元素选择器（E>F）3.1、相邻兄弟选择器（E+F）3.1、 通用选择器（E~F）三、 属性选择器3.1、 [attribute]选择器3.2、 [attribute=value]选择器3.3、 [attribute~=value]选择器3.4、 [attribute|=value]选择
CSS 伪类选择器中的: 和 ::(冒号区别)
idomyway的博客
04-22 8604
    在平时工作中用到伪类选择器的时候一个冒号和两个冒号貌似都是可以的，所以两者到底有什么区别呢，我们先来看下W3C关于CSS3选择器的规范中有一段描述：     A pseudo-element is made of two colons (::)followed by the name of the pseudo...
CSS 英文教程 CSS语法
09-25
在本文中，我们将深入探讨CSS（层叠样式表）的语法，它是网页设计中用于控制页面外观的...在实际项目中，CSS不仅限于这些基础，还包括伪类、伪元素、选择器优先级、媒体查询等高级特性，但这些构成了学习CSS的基础。
css
03-26
1. **选择器（Selectors）**：选择器是CSS中用来选取需要应用样式的HTML元素的关键部分，如`p`（段落）、`.class`（具有特定类名的元素）和`#id`（具有特定ID的元素）。 2. **属性（Properties）**：属性定义了要...
css2.0.rar_css_css2.0_style
09-14
- **选择器（Selector）**：选择器是CSS中用来定位HTML元素的关键部分，如标签选择器（`p`）、类选择器（`.class-name`）和ID选择器（`#id-name`）等。 - **属性（Property）**：定义了元素的特定样式，例如`color`...
HTML常用标签和CSS的运用
最新发布
FHYAAAX的博客
08-05 415
HTML（超文本标记语言）是一种用于创建网页的标准标记语言。
web基础之CSS
Yunzhong_jiuxiao的博客
08-02 1035
css属性
CSS mask-image 实现边缘淡出过渡效果
xachary的博客
08-02 902
CSS mask-image 实现边缘淡出过渡效果，关键是淡出，而非降低透明度。
软件设计之CSS
thm19990903的博客
08-05 714
Cascading Style Sheet 层叠级联样式表CSS：表现（美化网页）字体、颜色、边距、稿库、背景图片、网页浮动…
CSS学习 02 利用鼠标悬停制造按钮边框的渐变方向变化
weixin_57266891的博客
08-05 192
的按钮元素，按钮类型为。
css 数字平铺布局
℡メ㏑╭ァ小凯
08-02 302
【代码】css 数字平铺布局。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值