Namespacing/スコーピングにCSS

Question

申請をしたいのですルールのCSSファイルの一部またはクラスなので、例えば、内容のイベント。cssが適用されているだけで、内容はクラスで呼び出されます。イベントとはいえないものの目的の達成に必要な範囲に追加する必要があります。イベントのcssです。

私は考えることができないものです。

ない場合を考えていを実現するのと同じ効果によるprefixingます。イベントのCSS規則した後にアップロードが行われてい/編集します。しようと考えていこうかなりトラブル無しで誰でもforsee大丈夫ですか？

Answer 1

  

これは不可能だと思っています

確かに。問題のコンテンツをiframeに入れない限り。次に、まったく別のドキュメントを取得して、スタイルを変えます。

  

CSSルールをアップロード/編集した後、CSSルールの前に.eventsを付けることで、同じ効果を達成することを考えています。これはかなりトラブルのないはずだと思っていますが、誰かが問題を予見していますか？

自動化された方法で？ CSS入力を解析して、セレクターの先頭がどこにあるかを判断できる必要があります。

これは、あなたが正しくやると思うほど簡単ではありません：

/* This is my grate CSS
.sausage { color: red; } adds a class rule
/*/ .eggs, .bacon { color: red; }
.potato:before { content: "; }
.beans { content: "; }

は、解析が難しいCSSの例です。 .eggs 、 .bacon 、および .potato はセレクターを開始し、 .events プレフィックスが必要です。 .sausage と .beans は違います。

Answer 2

ない場合を考えていを実現 同様の効果によるprefixingます。イベント CSS規則について考え ロ/編集します。私はこの考え方 必要なトラブルのもの いforsee大丈夫ですか？

それだけできます。

Answer 3

単に「.event」を含めることは、メンテナンスの観点から安全です。 CSSルールで。数か月後、ここでプレイしたトリックを忘れて、入力を少し節約できたかもしれません。

Answer 4

要するに、唯一の方法は各ルールの前に .events を付けることです。

ただし、 .events を手動でルールに追加すると、2倍になるなど、ミスを犯しやすいため、自動的に行うことは避けます。また、 .events.special や .aboutus.special などのページ間でスタイルを共有したい場合は、別の場所に配置する必要があります。

通常、セクションごとに1つではなく1つのスタイルシートを使用する方がよいため、ユーザーは後続のページに移動するときにスタイルシートをキャッシュします。 （初期ダウンロード時間を短縮するために、本番環境で縮小してgzipできます。）

Answer 5

クラス '.events'をセレクターに追加します。これを手動のプロセスとして行うと、人為的エラーのリスクがあります。これは、すべてのCSSクラスにセレクターを追加するプロセスを部分的に自動化する方法です。

別の方法として、この自動接頭辞を使用できますが、その間のスペースを処理していないようですあなたのセレクター。