• 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