CSS特性-如何重叠twitter引导

我只是在尝试更改主题的分页样式时偶然发现了css的特殊性

我使用twitter引导作为基本模板，但我想更改分页

具体来说，我想删除will paginate引导附带的分页边框：

将分页/引导

.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文件中设置了这个参数，那么引导特异性比我的更高（请查看有关特异性的详细解释）。我甚至试过使用！很重要，但它仍然没有让我的特异性更高

我已经通过使用等特异性规则解决了这个问题-最后一个，具有等特异性，是一个重要的规则，并将：

.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，因为我根本不需要边界

---

你有什么建议？

试试

border:none而不是重置每个子属性

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

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

尝试将该选择器用于您的
边框：无
我不知道我是否在跟踪您。嗯，我可以通过以下方式获得我想要的结果：
。分页a{border:none；float:left；行高：34px；填充：0 14px；文本装饰：无；}
，但是现在我有点不知所措了…为什么这个特性比引导默认值更大？取决于您使用的确切引导CSS。我想你用的是他们网站上的最新版本，但可能不同。只有你自己能说出来。一直以来，你都在误解我。即使您创建了一个真正特定的css选择器，它比您希望覆盖的css更加具体，它仍然只覆盖您实际声明的css。如果底层css为border声明了一个值，但您的特定css没有声明，则border不会消失。您需要将边界定义为无。那么您的意思是特定性与属性相关，而不是与类相关？我不确定OOP类是否是一种有用的思考方式。CSS的行为与它们不同。CSS选择器不是单独的名称空间。不要过分考虑具体情况。特异性是CSS选择器、属性和定义顺序的组合。基本上，将CSS视为“级联”规则——它们是按顺序解析的，如果后面的规则同样或更具体，则后面的规则可以覆盖前面的规则。没有比这更复杂的了。谢谢你Jhong…我可以解释的是，特殊性规则应用于属性级别，而不是选择器级别。我的意思是，即使选择器1比2更具体，如果2有1没有的属性（或者反过来说），我的元素也会有1和2选择器属性的结合。我可能会发现，迫使相同属性超过其他属性的唯一方法是将属性定义为！重要信息，或强制它由last.Yes定义。因为它们不是在编译和运行的名称空间中设置的类——它们只是按照遇到它们的顺序对呈现程序进行解析的指令。就像指导家庭装饰师一样。如果你已经告诉他把墙漆成红色，那它就会是红色的。如果你以后告诉他把墙移走，它仍然是红色的，除非你告诉他再刷一遍。它们只是一组指令，而不是类。