0

私は、Wordpress プラグインの 'NextGEN Gallery' と 'JJ NextGen JQuery Carousel' を使用しています。これは、最後に名前を付けたプラグインのデフォルトの外観によく似たカルーセルを作成しようとしているからです。問題は、プラグインが背景画像を持つ div をボタンとして使用し、次の CSS を取得することです。

div#about-jcarousel_container .jcarousel-skin-custom .jcarousel-prev-horizontal {
    top: 188px !important;  
}

そのため、これは機能しません (上: 0px の部分):

.jcarousel-skin-custom .jcarousel-prev-horizontal {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: rgba(24, 16, 16, 0.43) url(prev-horizontal.png) no-repeat 0 0;
    background-position-y: 50%;
    height: 100%;
}

厄介なのは、188px がどこにも呼び出されないため、編集して 0px にすることはできませんが、ブラウザのクライアント側です。調べてみたところ、プラグインは 188px のコードをインラインの < style > タグに入れているようです。!important があるため、template.css で !important を使用して上書きすることはできません。

インラインで使用される !important タグを無効にする別の方法はありますか? プラグインを更新可能にしておきたいと思います。

4

4 に答える 4

2

オーバーライドする唯一の方法は、カスケードでさらに!important使用することです。そのため、jcarouselファイルの後にCSSファイルに入れます。!important

または、jcarouselを編集します

于 2013-02-19T10:52:06.807 に答える
1

html ファイルの .css ファイルの後に jcarousel css ファイルを参照しているようです。スタイルシート (.css ファイル) の前に jcarousel .css ファイルの参照を保持します。その後、!important再度使用して、デフォルトの jcarousel .css ファイル スタイル プロパティをオーバーライドできます。

于 2013-02-19T10:56:49.660 に答える
0

そのため、 の使用!importantはお勧めできません。!importantを別のものでオーバーライドすることしかできず、!important常に可能であるとは限りません。2 つのルールがある!important場合、「最も重要な」ルールが適用されます。

そして問題は、どちらがより重要かということです。

  1. インライン スタイルは<div class="someclass" style="inline style"></div>、通常のスタイルよりも重要です (例: )。
  2. より具体的なルール > あまり具体的でない (#one .example タグ .yeah > .yeah)
  3. 2 つのルールの優先度が同じ場合、最後に適用されたルールが優先されます

より重要なルールを追加できない場合は、!important. ただし、スクリプトを使用して、ページの読み込み時にインライン スタイルを追加できます。例 (jQuery を使用):

<script>
$(document).ready(function() {
    $("#test").css("color","blue");
});
</script>

jQuery を使用しない例:

<script>
window.onload = function () {
    document.getElementById("test").style.color = "yellow";
}
</script>
于 2013-02-19T10:55:04.050 に答える