如何设置CSS超驰类的XPages的特异性(How to set the specificity o

这将启动从以前的问题，我问，但我想我知道需要做，但不是怎么样呢。 我有这个代码块定义在引导寻呼机和自举风格适用于它：

<xp:pager partialRefresh="true" id="pager1" for="repeat1"
    panelPosition="left" styleClass="bootstrapPager">
    <xp:pagerControl type="Previous" id="pagerControl1"
        styleClass="bootstrapPagerPrevious">
    <xp:this.value><![CDATA[«]]></xp:this.value>
    </xp:pagerControl>
    <xp:pagerControl type="Group" id="pagerControl2"
            styleClass="bootstrapPagerMiddle">
    </xp:pagerControl>
    <xp:pagerControl type="Next" id="pagerControl3"
        styleClass="bootstrapPagerNext">
        <xp:this.value><![CDATA[»]]></xp:this.value>
    </xp:pagerControl>
</xp:pager>

然后在我打开一个CSS我有这样的过度坐引导类bootstrapPager：

.bootstrapPager {
  display: inline-block;
  padding-left: 0;
  border-radius: 4px;
  margin-left: 10px;
  margin-bottom: 2px;
  margin-top: 2px;
  line-height: 1.42857;
}

默认.bbotstrapPager有10px的的顶部和底部边缘，我想，以减少它为2px。 我试过！重要的，但不起作用。 我读了一些关于CSS具体，我认为这是什么问题。 所以在这方面，我将如何去在我.bootstrapPager类设置特殊性，使得其排名比默认类高？ 我的CSS的经验是不是很大，但到达那里。

Answer 1:

设置页边距是这样的：

.pagination {
    margin: 0px;
}

.bootstrapPager {
    margin-left: 10px;
    margin-bottom: 2px;
    margin-top: 2px;
    line-height: 14px;
}

该寻呼机被呈现到<div>和所包括的<ul>
所述<ul>标签具有CSS类pagination与20像素的顶部和底部的余量。
因此，首先设置这些边距为0px覆盖类pagination与你的CSS资源。

然后，你可以设置你在你的CSS类喜欢利润率bootstrapPager 。

或者，你可以把你所有的变成类pagination ，并省略类bootstrapPager 。

文章来源: How to set the specificity of a css over-ride class for XPages