如何修改hexo中主题的css

当我们需要对hexo的主题进行更深入的css和js修改的时候会发现一个优先级的问题，而且在浏览器中呈现的过程中这个优先级不好控制。本文解决这个问题

最开始想到的解决办法是：

既然主题是通过main.css导入各个分支的。（这个导入过程在浏览器那边显示的可能每次不一样）。那我直接在main.css最后加入修改的代码就可以保证我的代码最后执行覆盖前边的。结果还是想的太好而已。

最后的解决办法：

在相应的分支处，我们修改post的btn这个类的显示效果：

具体做法：利用full x-path 把css保证传递到位，同时用 !important 给代码最高的优先权以保证优先执行。这个做法可能笨了一些，但是是有用的。

body div main div div div section article div div div a { color: #ff9a00 !important; border-bottom: 2px solid #ff9a00 !important; } body div main div div div section article div div div { text-align: right !important; }

相关知识

Hexo添加樱花动态效果背景
写好一篇博客文章
探索更快网页加载的秘诀：minimalcss —— 智能提取关键CSS的利器
如何优雅地使用Sublime Text3(转)
详解CSS属性选择器
鲜花静态HTML网页作业作品 大学生鲜花网页设计制作成品 简单DIV CSS布局网站
如何设计出一个令人赏心悦目的混生花境 陆续修改更新中
自定义(滑动条)input[type=“range”]样式
javascript学习笔记——如何修改url name
花了一段时间看css把这个新blog个性化了一番——还好这里和csdn用的是一个blog系统，省了不少事情。

原文链接: 如何修改hexo中主题的css https://www.huajiangbk.com/newsview399364.html