私が取り組んでいるサイトには、Twitterのブートストラップを使いたいです。このサイトでは、ページの特定の部分にプリセットテンプレートを使用する必要があります。スタイルシートを1つのタグと子孫に限定してください。

私がtwitterブートストラップスタイルシートを含めると、元のテンプレートが壊れてしまいます。

私は、外部bootstrap.ccスタイルシートを含むが、それだけで私は1つの方法は、CSSを編集して追加することです知っているクラス=「mycontent」

<html> 
<link href="original stylsheet.css"> 
<link href="bootstrap.css"> 
... 
... 
<div class="header"> 
original stlesheet to be used here 
</div> 
<div class="mycontent"> 
bootstrap css to work for all descendents of my content 
</div>

の子孫ですタグに働くようにしたいです。各タグの前にマイコンテンツを付けます。賢くソリューション

出典

2012-08-24 Roopak Venkatakrishnan

は、オリジナルのスタイルシートの前にブートストラップ含めます。 – Will

ほとんどの部分で動作します....しかし、オリジナルのスタイルシートに存在しないブートストラップの修正がある場合は失敗します –

スコープCSS

で解決することを願っています<link href="bootstrap.css">
を試してみてください、そして<style>は、その親要素に適用されます。

ブラウザには対応していませんが、ポリフィル：jQuery Scoped CSS pluginがあります。

追加読書：Saving the Day with Scoped CSS。

現在のブラウザのサポート：あなたのスタイルは、ブートストラップのものを上書きするようhttp://caniuse.com/#feat=style-scoped

出典

2012-09-23 15:30:41 Pavlo

これは私が探していたものに最も近いです！ありがとう –

はあなたのようがあった場合でも、私は思っていた私はあなたのコードを見ることができます：

<html> 
<link rel="original stylsheet.css"> 
<link rel="bootstrap.css"> 
... 
... 
<div class="header"> 
original stlesheet to be used here 
</div> 
<div class="mycontent"> 
bootstrap css to work for all descendents of my content 
</div>

間違ったパスを使用しています。
あなたは私がscope属性が存在する場合は、あなたの問題は、この

出典

2012-08-24 13:55:22 supersaiyan

ここではタイプミスです...私の質問はまだありません...私はextrenalスタイルシート私のコンテンツの下の要素にのみ影響を与える –

スタイルシートを1つのタグと子孫に限定してください。

答えて

スコープCSS

関連する問題