【问题标题】:Remove Underline for Hyperlink and strike some elements : text-decoration: none with text-decoration: line-through删除超链接的下划线并删除一些元素:text-decoration: none with text-decoration: line-through
【发布时间】:2017-04-15 06:26:52
【问题描述】:

所以我在这里想要实现的是,我不希望任何超链接被下划线,同时我希望某些元素被删除。

他们两个单独工作都很好,但我不能一起工作。

代码:

a:link    {
    text-decoration:  none 
  } 

.deceased {
  text-decoration: line-through;
}

【问题讨论】:

  • 请添加您的 HTML 结构。
  • 这是一个JSF页面。

标签: css text-decorations


【解决方案1】:

所以我猜这个问题是选择器的特殊性。我相信 a:link 选择器更具体,因此它优先于 .deated 。我想说最简单的解决方案是改变特异性。

检查这里 http://www.htmldog.com/guides/css/intermediate/specificity/ 和这里 http://dorward.me.uk/www/underline/

【讨论】:

  • 不,.deased 是 less 特定的,所以 a:link 优先。 a:link 更具体的原因是类型选择器 (a)。类选择器和伪类是相等的。但是,是的,增加特异性是这里的解决方案。
  • 这正是我想要的。我无法提高特异性,所以我不得不将“a:link”的特异性降低到“a”。成功了,非常感谢。
  • 很高兴能提供帮助,我在此过程中学到了一些东西,感谢 BoltClock。
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2019-03-19
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2019-07-13
相关资源
最近更新 更多