在wordpress插件中使用css定位链接时，我如何才能足够具体？

Question

最近的帖子Widget扩展(RPWE)生成帖子标题作为链接。在一个特定的页面上，我想禁用标题文本周围的链接。小部件不会为链接生成任何类，但有一个rel，它应该足够具体。我添加了以下CSS：

a[rel="bookmark"] {
     pointer-events: none;
     cursor: default;
     text-decoration-line: none !important;
     font-size: 18px;
     color: #000000;
}

除了去掉下划线之外，一切都正常。看起来我还不够具体？

Answer 1

要删除下划线，您可以使用

text-decoration: none!important;

如果元素仍然不起作用，可以将文本装饰应用于子元素，您可以尝试：

a[rel="bookmark"] *{
   text-decoration: none!important;
}

如果不起作用，则意味着!important有另一个规则，您必须使用浏览器调试器工具。

Answer 2

使用浏览器中的调试器工具找出覆盖text-decoration:none；的原因。通常会使用更具体的选择器。然而，在本例中，wordpress样式表也在所有链接下使用了一个边框：

box-shadow: 0 1px 0 0 currentColor;

这也需要通过选择链接和样式来禁用

box-shadow: none;