0

我只是偶然发现了 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 文件中设置它，那么引导程序的特异性比我的更高（检查这个关于特异性的很好的解释）。我什至尝试使用！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，因为我根本不需要边框......

你有什么建议？

4

1 回答 1

2

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

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

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

尝试使用该选择器代替您的border: none.

于 2013-01-22T19:20:23.270 回答