3

CSSファイルのルールを特定のdiv/classに適用したいので、たとえば、events.cssのコンテンツは.eventsというクラスのコンテンツにのみ適用され、このスコープ外ではなく、を追加する必要はありません。 class.eventsから各cssルールの開始まで。

私はこれは不可能だと思っていますが、あなたは決して知りません。

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

4

5 に答える 5

1

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

于 2009-09-16T11:15:03.513 に答える
1

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

それがそれを行う唯一の方法であり、問​​題ないはずです。

于 2009-09-16T11:14:38.730 に答える
1

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

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

アップロード/編集後に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

于 2009-09-16T11:28:48.667 に答える
0

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

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

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

于 2009-09-16T11:28:42.210 に答える
0

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

または、この自動プレフィックスを使用することもできますが、セレクター間のスペースをうまく処理できないようです。

于 2016-05-13T09:48:33.317 に答える