CSS专用性-如何重叠twitter-bootstrap

Question

当我试图改变主题的分页样式时，我偶然发现了css的特殊性。

我使用twitter-bootstrap作为基本模板，但我想更改分页。

具体地说，我想要删除will-paginate bootstrap附带的分页边框：

将分页/引导

.pagination a {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #DDDDDD;
    border-image: none;
    border-style: solid;
    border-width: 1px 1px 1px 0;
    float: left;
    line-height: 34px;
    padding: 0 14px;
    text-decoration: none;
}

我只需要这个：

.pagination a {

    float: left;
    line-height: 34px;
    padding: 0 14px;
}

问题是，如果我在我的custom.css.scss文件中设置了这一点，那么引导程序的特异性比我的要高(请查看this关于特异性的伟大解释)。我甚至尝试并使用了!important，但它仍然没有让我的特异性更高。

我已经通过使用相等特异性规则解决了这个问题-最后出现的，具有相同特异性的规则，是计数的规则，并且只需放在：

.pagination a {
        -moz-border-bottom-colors: none;
        -moz-border-left-colors: none;
        -moz-border-right-colors: none;
        -moz-border-top-colors: none;
        border-color: #DDDDDD;
        border-image: none;
        border-style: none;
        border-width: 1px 1px 1px 0;
        float: left;
        line-height: 34px;
        padding: 0 14px;
        text-decoration: none;
    }

但这只是垃圾css，因为我根本不需要边框……

你有什么建议？

Answer 1

只需尝试border: none;，而不是重置每个子属性。

此外，我刚刚检查了Bootstrap的分页选择器，它比这更具体：

.pagination ul > li > a, .pagination ul > li > span

尝试为您的border: none使用该选择器。