• css笔记-层叠样式表的优先级

    优先级就是分配给指定的 CSS 声明的一个权重,它由 匹配的选择器中的 每一种选择器类型的 数值 决定。

    而当优先级与多个 CSS 声明中任意一个声明的优先级相等的时候,CSS 中最后的那个声明将会被应用到元素上。

    当同一个元素有多个声明的时候,优先级才会有意义。因为每一个直接作用于元素的 CSS 规则总是会接管/覆盖(take over)该元素从祖先元素继承而来的规则。

    选择器类型

    下面列表中,选择器类型的优先级是递增的:

    • 类型选择器(例如,h1)和伪元素(例如,::before)
    • 类选择器 (例如,.example),属性选择器(例如,[type="radio"])和伪类(例如,:hover)
    • ID 选择器(例如,#example)。

    通配选择符(universal selector)(*)关系选择符(combinators)(+, >, ~, ' ', ||)和 否定伪类(negation pseudo-class)(:not())对优先级没有影响。(但是,在 :not() 内部声明的选择器会影响优先级)。

    给元素添加的内联样式 (例如,style="font-weight:bold") 总会覆盖外部样式表的任何样式,因此可看作是具有最高的优先级。

    能在使用优先级的情况下尽量不要使用!important规则,因为这破坏了样式表中的固有的级联规则,使得调试找 bug 变得更加困难了。

    知识来自: CSS的优先级

    2022年6月25日 21:42

  • 简单剪了一个手机铃声,歌曲来自动画《罗小黑战记》里边的插曲,“嘿咻狂想曲 - 艾索”,第一次听到时就感觉特别适合做铃声。

    2022年6月24日 22:40

  • 这波,是等等党的胜利!等等党永远不亏

    2022年6月20日 16:30

  • 姑且算是今年的目标,米忽悠官方周边——刻晴·霆霓快雨主题机械键盘

    2022年6月13日 20:31

  • 花了一些时间,把picgo对接到了自建的chevereto图床,现在可以愉快地本地写文章了。
    期间发生了一些有趣的事情,为了能使编辑器可以预览图片,需要在CF的防盗链配置里增加允许空Referer,不知道允许空Referer规则怎么写!本着死马当活马医的精神把Referer值留空,没想到竟然成了!

    2022年6月9日 15:19

  • 今天收到了杭州地铁的通知,面试过了欸,准备签订三方协议。(终于不用去做销售买房子了

    2022年6月8日 21:39

  • reverse-sourcemap是一个通过JavaScript Source Map还原JavaScript源码的npm工具。
    执行命令npm install reverse-sourcemap来安装该工具包
    输入reverse-sourcemap -h查看使用帮助
    示例:reverse-sourcemap -v 155.js.map -o output1

    2022年6月7日 11:43

  • 回家过了端午节,想着论文也已经提交,索性把行李都打包回去了,接下来等着领毕业证和学位证就可以了

    2022年6月4日 11:05

  • 最近很焦虑,因为没找到工作...
    躺在床上眼睛一睁开,脑海里就是工作在哪里

    2022年5月30日 13:58

  • image.png

    一觉醒来发现发布了暴雨红色预警,实在少见,在我的记忆中是第一次。

    2022年5月27日 11:54

  • 这,可能是时代的眼泪

    image.png

    自从几个月前jsdelivr的ICP备案被注销后,今天,也就是2022年5月17日,jsdelivr正式被封锁。

    封锁的手段极其震撼人心,从下图可以看到,cdn.jsdelivr.net的域名解析正常,但是解析到的ip全部被加入了黑名单,无法传递任何数据包,这种封锁行为也会导致cdn上运行的其他项目受到牵连。

    image5cc886e396e7f9ec.png

    2022年5月17日 23:58

  • 最近越来越忙了,俗话说忙中出错,最近也是感觉迷迷糊糊的。列个表记录一下最近想做的事情。

    • 建立新的B2存储桶,并挂载到本地,计划用于服务器备份。
    • 将sakurairo升级到2.5.x版本,之前魔改得有点多,得重新改一遍。
    • 倒腾一下博客的灯箱
    • 完善随机图片api,增加、筛选和压缩一些图片什么的
    • 折腾一下看看picgo能不能接入自建的图床
    • 设计一个页面用于禁止直接在QQ/微信中浏览网站

    2022年5月12日 20:31

  • 论键盘侠的自我修养
    image.png

    敲空格敲到手起泡(迫真

    2022年5月12日 12:43

  • kano酱的博客致力于保护用户隐私,即日起将不再显示评论者的ip地址,于评论之中。

    注意:你的ip地址可能还会存在于搜索引擎的缓存中,我将尽快刷新搜索引擎的缓存。请放心,随着时间的流逝,这些信息将很快会被清除。

    另外,kano酱博客使用的自建网站统计分析平台Matomo,它的统计符合欧盟的通用数据保护条例 (GDPR)和中国个人信息保护法 (PIPL)。

    2022年5月8日 13:06

  • 落尽红樱君不见,轻绘梨花泪沾衣

    2022年5月7日 10:36

  • 鉴于Google Analytics日常被屏蔽导致统计不准确以及基于“数据在自己手上才是最安全的”思想,现在网站接入了自建的统计分析平台,基于Matomo,这可能是最接近Google Analytics的统计平台

    2022年5月6日 13:17

  • 今天检查谷歌收录情况,发现之前改了分类名称导致几个链接404了。然后想着重新定向一下修复,但怎么搞都不行。
    最后发现...写错了重新定向规则

    错误示例

    • 重新定向路径,这里写的应该是目录,而不是完整路径
    • 目标url,这个要填写完整的路径

    2022年4月26日 11:40

  • 去年萌节不知道做了什么,忘记续费大会员了。。。。现在看个视频像看马赛克一样

    2022年4月22日 14:39

  • 启用了新的说说(动态),历史动态已经放到了另外一个页面。在这里:https://kanochan.net/cross_history/

    2022年4月9日 22:16

  • 第二条说说测试

    2022年4月9日 20:40

  • 写点什么好呢,不知道效果如何

    2022年4月9日 20:35