动态

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的优先级

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

这波，是等等党的胜利！等等党永远不亏

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

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