常见的伪类选择器

最新推荐文章于 2021-03-26 00:08:56 发布
最新推荐文章于 2021-03-26 00:08:56 发布
阅读量209 收藏
点赞数
分类专栏： HTML
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/xunhaomeng/article/details/104653044
版权

/* 这里表示div的第几个元素n是什么数字 还可以是2n这个n表示2的倍数 */
        div:nth-of-type(n){
            
        }

:link                      未访问

:visited   　　　　已访问

:hover                   鼠标悬停

:active                  鼠标按下

:not(s)                  匹配不含s选择器的元素

:frist-child            父元素的第一个元素

:last-child            父元素的最后一个元素

:only-child            父元素的唯一一个元素

:checked              选中 :checked+伪元素

南城旧梦heihei
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
CSS中的属性选择符和结构化伪类
09-24
3. **`:nth-child(n)`**：这是一个更灵活的选择器，可以选取父元素的第n个子元素。`n`可以是数字、关键词（如`odd`或`even`）或者公式（如`an+b`）。例如，`li:nth-child(3)`会选择每个列表项中的第三个元素。 ```...
十三种常见选择器概念介绍
最新发布
01-31
标签选择器 类选择器 id选择器 通配符选择器 后代选择器 子代选择器 并集选择器 交集选择器 hover伪类选择器 结构为类选择器 链接伪类选择器 焦点伪类选择器 属性选择器
nth-child的坑 - 不管元素的类型
l13640698113的博客
10-09 579
nth-child的坑 :nth-of-type(n) 选择器匹配属于父元素的特定类型的第 n 个子元素的每个元素. :nth-child(n) / nth-last-child选择器匹配属于其父元素的第 n 个子元素 / 倒数开始数第n个元素，不论元素的类型。 <style> li:nth-last-child(2) { color: red; } li:nth-of-type(2) { colo
CSS常用的伪类选择器
HarryHY的博客
09-27 1332
动态的伪类选择器 :link——没有点击时 a:link{ color: #0000ff; } :active——点击的那一刹那的 a:active{ color: #ff0000; } :visited——已经点击过的 a:visited{ ...
常用的伪类选择器
请 端正你的态度的博客
08-10 3564
链接伪类选择器 主要有以下几类： 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
css中的伪类选择器有哪些
李青不吃螺蛳粉的博客
03-26 1万+
1 伪类选择器 ① 动态伪类选择器（5个） :link 选择地址没有被访问过的超链接元素 :visited 选择地址被访问过的超链接元素 :hover 选择鼠标悬停在上面的元素。 :active 选择鼠标在上面并且按键按下不松手的元素 :focus 选择获取焦点的元素。 ② 目标伪类选择器（1个） :target 选择当前锚点指向的元素。 ③ 语言伪类选择器 (1个，了解) lang() 根据语言选择元素（lang 属性的值） ④ UI元素伪类选择器（3个） :enabled 选择可以使用
一些常见的伪类选择器
weixin_44570988的博客
03-31 1万+
一、向被激活的元素添加样式。 伪类选择器 :active 使用此伪类选择器可点击转换样式，可改变所数的类的宽度，高度，颜色等等、、、 <style>标签内容 .weileiyi{ ...
两种CSS3伪类选择器详细介绍
12-13
css伪类选择器对于大家来说最熟悉的莫过于:link,:focus,:hover之类的了，因为这些在平时中是常用到的伪类选择器，现在向大家介绍一下两种新增的Css3伪选择器。 1、UI元素状态伪类 我们把":enabled",":disabled",":...
第37章 伪类选择器以及伪元素
04-23
以下是一些常见的伪类选择器： - `:link` - 未访问过的超链接 - `:visited` - 已访问过的超链接 - `:hover` - 鼠标悬停时 - `:active` - 被激活（按下或触摸）时 - `:focus` - 元素获取焦点时，如通过键盘导航 - `:...
位类和伪元素和选择器
08-10
其中，位类、伪元素和选择器是CSS中的关键概念，它们共同构建了丰富的样式规则，帮助开发者实现精确的页面布局和设计。下面我们将深入探讨这三个概念。 首先，位类（Class）是CSS中用于标识一组具有相同样式特征的...
css常用伪类选择器
leng0920的博客
06-19 450
//选择除了第一个以外的子其他元素 .footer_list li:not(:first-child){ border-right: 1px solid #EEEEEE; } //选择除了最后一个以外的其他子元素 .footer_list li:not(:last-child){ border-right: 1px solid #EEEEEE; } /...
CSS3结构性常用伪类选择器
NineTeen
11-06 1026
1.X:first-child 匹配子集的第一个元素，IE7就可以支持。 li:first-child{ background: red; } 2.X:last-child 与firs-child刚好相反，匹配子集的最后一个元素，IE8不支持 li:last-child{ background: blue;
CSS - 常用的伪类选择器简单介绍与基本使用
都随它大小便吧
02-28 6040
CSS 伪类选择器用于选择元素的特定状态或位置，以便对其应用样式。以下是一些常见的伪类选择器及其作用。
伪类选择器
xiahang1121的博客
05-05 370
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>伪类选择器</title> <style> /*点击之前 */ a:link{color: red;} /*点击之后 */ a:visited{color:...
CSS选择器详解（伪类）
热门推荐
祝小余不定时更新
11-28 1万+
CSS选择器详解 之 伪类伪类对大小写不敏感结构伪类选择器结构伪类是CSS3新增的类型选择器，利用DOM树实现元素过滤，通过文档结构的相互关系来匹配元素，可以减少class和id属性的定义，使文档变得更加简洁。:root选择元素所在文档的根元素。在(X)HTML文档中，根元素始终是html元素。:not（）否定选择器，和jQuery中的:not选择器一模一样，可以选择除某个元素之外的所有元素。 e
CSS伪类选择器使用实例
Mentina的小屋
03-14 2832
    今天的小技巧主要是搞明白了CSS3新增的伪类选择器，并和之前的伪类选择器做比较~~~    每一次看伪类选择器的介绍总有一种语文没学好的感觉，so只能上实例理解了~    这次主要学习了 :first-of-type/:last-of-type/:only-of-type/:nth-child(n)//============================================...
html伪类选择器代码
11-13
以下是一些常见的HTML伪类选择器代码示例： 1. :hover 伪类选择器用于鼠标悬停在元素上时的样式变化： ```css a:hover { color: red; } ``` 2. :active 伪类选择器用于元素被激活（例如被点击）时的样式变化： ...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值