Hexo+NexT 如何取消下划线

本文介绍了在Hexo+NexT主题中如何取消链接的下划线。通过逐步探索,从修改CSS属性到分析源代码,最终在base.styl文件中找到并删除特定颜色代码解决问题。
摘要由CSDN通过智能技术生成

Hexo+NexT 如何取消下划线

探索经过

想取消下划线的链接

阶段一

查看网页源代码发现,这些元素都是a标签的。而text-decoration:none属性可以去除下划线,于是我找到了C:\Blog\themes\next-reloaded\source\css_common\components\post下的添加以下属性:

.post-body a {
  color: #428BCA;
  font-weight: bold;
  text-decoration:none;
}

于是我的链接就变成了下面这个亚子,原本以为及其容易的问题,结果又给我带来了很大的困惑。为什么颜色样式生效了,下划线却没有去除呢?
添加属性后的链接

阶段二

我再次打开了网页源代码,发现了text-decoration:none就是它的属性。那为什么会失效呢?我就继续去找text-decoration:none失效的博客,结果都不符合我的问题情况。无意中,我想到了有没有一种可能,text-decoration:none已经生效了,现在的下划线是NexT默认的样式呢。于是我把text-decoration的属性值改为underline,来验证以下我的猜想。果然不出我所料,

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值