0

指定されたページのスタイルシートに存在するルールをその CSS プロパティで見つける方法はありますか? ブラウザー プラグイン、高度な JavaScript、さらには IDE 機能を使用します。

次のシナリオを考えてみましょう:コードベースをリファクタリングする理由 (または予算) がない場合に、レガシー サイトを維持または変更します。これに、そのような個々のウェブサイトの約100を掛けます:)

アドホックな変更要求がどんなに小さくても「正しい方法」でコーディングを開始し、「適切な」セマンティック クラス、洗練された継承、巧妙な命名規則を導入するのは魅力的です。もちろん実際には、適切なリファクタリングを行わないと、次の開発者が現れてプロセスを繰り返すまで、スタイルシートが汚染されます。選択肢が与えられた場合、私はむしろ開発者に危害を加えないように行動したいと思います。

新しいビルドには、サムネイル画像が余白を残して左に浮いているような、かなり基本的なものが必要だとしましょう。css ファイルを調べますが、特定のようなものは見つかりません.teaser-thumbnail(そして、最初の 200 のルールでロジックを確認できなかったためにあきらめます)。それでも、同様の目的を果たすルールや、おそらくいくつかのヘルパー クラスが既に存在する可能性は十分にあります。しかし、これらのルールを見つける簡単な方法はなく、必ずしもその目的を名前で認識できるとは限りません。

4

2 に答える 2

1

1 つのオプションは、Firefox の Web 開発者プラグインを使用することCSSですView CSS。これにより、(複数のファイルから) 使用可能なすべての CSS が 1 つの非常に長いページに表示されます。次に、適用するプロパティを検索し、適切なクラスが見つかるかどうかを確認できます。

于 2013-07-25T00:32:38.400 に答える
0

あなたが求めているのは、css属性が存在する場合、特定の要素の既存のセレクターに追加する方法だと思いますか? そうだとすれば：

  1. Chrome でサイトを開く
  2. 要素を右クリック > 要素を検査
  3. 右側の列Stylesセクションを見て、特定の要素に適用されるすべてのセレクターを確認します。
于 2013-07-25T00:08:29.137 に答える