0

テーマのページネーションスタイルを変更しようとしているときに、cssの特異性に出くわしました。

ベーステンプレートとしてtwitter-bootstrapを使用していますが、ページ付けを変更したいと思います。

具体的には、will-paginateブートストラップに付属しているpaginationボーダーを削除したいと思います。

意志-ページ化/ブートストラップ

.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 に答える