0

DrupalShareThisモジュールを使用しています。残念ながら、このモジュールの最近のセキュリティリリースでspanは、生成されたコードにが追加されており、ページメジャーのレイアウトが混乱しています。以前はすべてが正常に機能していました。

このコードの生成を制御するオプションはありません。

<span class="chicklets twitter">&nbsp;</span>

CSSを介してこのスパンコードを削除/表示しないことは可能ですか？はいの場合、どのように？

私は試した：

.chicklets twitter {
    display:none;
}

しかし、成功しません。私はCSSの専門家ではありません。ありがとう。

アップデート

これがFireBugのスクリーンショットです。

ここに画像の説明を入力してください

私は提案された解決策を試してきました：

span.chicklets {
    display:none;
}

上記により、すべてのShareThisボタンが完全に削除されます（次の問題で説明できます）。

span.chicklets.twitter {
    display:none;
}

上記はボタンを削除しますが、対応するスパンはFireBugにシャドウとして表示されます（次を参照）。

ここに画像の説明を入力してください

もちろん、ボタンを保持する必要があります。何が原因でしょうか？

PS：気にしないでください。必要に応じて、この追加の問題について別の質問で説明します。

4

3 に答える 3

3

特に2つのクラスで要素のスタイルを設定する場合は、スペースを入れずにそれらを組み合わせます。ドット表記は「クラス」を意味するため、それぞれの前にドットを付けて連結します。

span.chicklets.twitter {
    display: none;
}

@AndrewBrockが提案したように、単一のクラスが他のスパン要素に望ましくない方法で影響を与えないことがわかっている限り、クラスの1つを使用することもできます。

ボタンを維持するためにスパンが必要であるが、スパンがスペースを占有したくない場合は、次のように変更します。

span.chicklets.twitter {
    width: 0px;
}
于 2012-05-01T20:35:03.853 に答える
3

chickletsとtwitterは2つの別々のクラスです。これらのいずれかにを設定するだけdisplay:noneで済みます。

span.chicklets {
    display:none;
}

これを、クラスを持つ要素のみにまたがるように制限しましたchicklets。chickletsこれは、クラスを持つ他のスパン要素に影響を与える可能性があることに注意してください

于 2012-05-01T20:29:24.877 に答える
0

jQueryを実行している場合、これで実行されます（非表示にするのではなく削除します）。

$(".chicklets.twitter").remove();
于 2012-05-01T20:36:18.253 に答える