Question

我正在尝试覆盖特定链接的themeroller主题。

所有链接的代码是：

.ui-body-c .ui-link:link {
    color:      #000000      /*{c-body-link-color}*/;
    text-decoration: none !important;
}

.ui-body-c .ui-link:visited {
    color:      #000000      /*{c-body-link-visited}*/;
    text-decoration: none !important;
}

.ui-body-c .ui-link:active {
    color:      #000000      /*{c-body-link-active}*/;
    text-decoration: none !important;
}

.ui-body-c .ui-link:hover {
    color:      #00b2ef !important     /*{c-body-link-hover}*/;
    text-decoration: underline !important;
}

我已经创建了一个新链接，并希望拥有它：链接颜色与其他链接不同。我添加了类.newlink，它是：

.newlink:link{
    color: #00b2ef
}

无论我在何处放置此类，或者如果我添加选择器（上面的其他2个类以及.newlink选择器或此链接的唯一ID），该链接仍会继承themeroller样式。当我使用firebug查看继承的样式时，我添加的任何样式总是被划掉。我认为将额外的类添加到选择器（.ui-body-c .ui-link .newlink：link {...}）会增加链接的规则权重，但这不起作用。我很感激任何帮助。谢谢大家！

Answer 1

你正走在正确的道路上，增加你需要的重量来移除它们之间的空间.ui-body-c .ui-link.newlink：link {...}来说明有这个的ui-link newlink类......

必须在下面添加以覆盖上面的代码。（UI链路）

.ui-body-c .ui-link.newlink:link {
    color:      #000000      /*{c-body-link-color}*/;
    text-decoration: none;
}

除非你打算删除ui-link类...然后你需要重写css ... 也许是这样的：

.ui-body-c a.newlink:link {
    color:      #000000      /*{c-body-link-color}*/;
    text-decoration: none !important;
}

.ui-body-c a.newlink:visited {
    color:      #000000      /*{c-body-link-visited}*/;
    text-decoration: none !important;
}

.ui-body-c a.newlink:active {
    color:      #000000      /*{c-body-link-active}*/;
    text-decoration: none !important;
}

.ui-body-c a.newlink:hover {
    color:      #00b2ef !important;     /*{c-body-link-hover}*/
    text-decoration: underline !important;
}

覆盖链接的themeroller样式

1 个答案: