ページの特定のセクションでのみ機能し、ページの他の部分には影響しないファイルを個別に追加する方法はありCSSますか?Javascript
Web ページに以下を追加しようとしています。
http://codecanyon.net/item/sliderjs-js-framework-for-slider-development/full_screen_preview/1617841
私がそれを使用したときCSS、JSファイルは私のウェブページ全体に影響を与えました。
私はこれが起こってほしくない。サイトを完全に変更せずにスライダーを追加したい。
CSSすべてのスライダーとJSコードを Web ページに追加せずに動作させる方法はありますか?
ページの特定の部分に固有の JS と CSS を使用したいが、JS と CSS を知らない場合は、iframe を使用するしかありません。
CSS を自分で作成した場合は、プレフィックスを追加して特定のセクションに適用できます。このようではありません：
p {color:pink}
代わりに、次のようにプレフィックスを追加します。
#menu p {color:pink}
#content p {color:black}
jQuery などを使用しない限り、JS は id に基づく要素にのみ適用する必要があります。jQuery を使用している場合は、CSS と同じ方法で特定の要素のみに変更を適用できます。例えば。
このようではありません：
jQuery('p').slider();
代わりに、次のようにプレフィックスを追加します。
jQuery('#content p').slider();