jQueryを使用して:before疑似要素の幅を動的に変更する方法は?

JQuery を使用した :before CSS セレクターの幅の変更

:before 疑似要素の幅を動的に設定するには、ドキュメントの先頭に新しいスタイル要素を追加します。

JQuery コード:

$('head').append('<style>.column:before{width:800px !important;}</style>');

説明:

• $('head') は を選択します。 HTML ドキュメントの要素。
• .append() メソッドは、新しいスタイル要素を に追加します。
• style 要素内で、.column:before セレクターの width プロパティを 800 ピクセルに設定し、元の幅をオーバーライドします。

注:

• ! important 宣言は、新しい幅が以前に設定されたスタイルを確実にオーバーライドするために使用されます。
• ルールを変更する直接の jQuery メソッドがないことに注意してください。疑似クラス。提供されている解決策には、CSS スタイルシートの変更が含まれます。

この手法により、:before 疑似要素を使用して要素の幅を動的に変更できますが、疑似要素のない要素は影響を受けません。

以上がjQueryを使用して:before疑似要素の幅を動的に変更する方法は?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。