289

Web ページの段落タグのレイアウトにスイッチを使用したいと考えています。

after 疑似要素を使用します。

p:after {content: url("../img/paragraph.gif");}

次に、この CSS コードをページから削除する必要があります。

これはどのように簡単に行うことができますか？

私はそれを追加したい：

  • jQuery はページで既に使用されています

  • また、CSS を含むファイルを含めたり削除したりしたくありません。

4

8 に答える 8

33

（クラスを介して）アフターコンテンツを削除するCSSルールを追加する必要があります。

いくつかの有効なコメントによる更新。

:afterルールを完全に削除/無効にするより正しい方法は、使用することです

p.no-after:after{content:none;}

ジリアン・ロー・ウォンが答えたように.

元の答え

（クラスを介して）アフターコンテンツを削除するCSSルールを追加する必要があります。 

p.no-after:after{content:"";}

pこの行で必要なときに そのクラスを追加します

$('p').addClass('no-after'); // replace the p selector with what you need...

実際の例: http://www.jsfiddle.net/G2czw/

于 2010-06-10T08:25:11.137 に答える
17 
$('p:after').css('display','none');
于 2013-11-20T17:50:20.363 に答える
5

これは、疑似セレクターによって実際に何が追加されるかによって異なります。あなたの状況では、コンテンツをに設定する""とそれが取り除かれますが、境界線や背景などを設定している場合は、それらを明確にゼロにする必要があります. 私の知る限り、それが何であるかに関係なく、前後の要素に関するすべてを削除するための万能薬はありません。

于 2013-05-22T21:20:56.553 に答える