ID:8CH.93P85sH7 さんの質問

1,304 views

500ページくらいあるサイトの管理を任された、スキル高くない中途入社Webデザイナーです。
一つのページで
common.css (全ページ共通)
category.css (カテゴリー共通)
local.css (当該ファイル用)
みたいに複数のcssが読み込まれてます。

例えばあるページの修正を依頼され、その修正がcommon.cssをいじらないと直せない場合、それをいじった事で他のページのどこに影響が出るのかを調べる簡単な方法はありますか?

登録日:2017-01-05 · カテゴリー:Webデザイン

みんなの回答 6 件

2017-01-05 · ID:TZ6Pa6T97ep3 報告

最近のやり方を追ってないんで古いかもしれんが、俺のやり方なら。
common.cssの修正箇所のidやclassをDwで検索。
ローカルサイト全体で検索かけると、
サイト全体でそのidやclassが抽出されるから、そこを見ながら修正する。

2017-01-05 · ID:Zw6.PEWtW6XL 報告

これに一票。
もっと、ほかに良いやり方知ってる人いたら、教えてほしいな。

2017-01-05 · ID:0A4xRpWjiMs1 報告

ありがとうございます
やっぱ力技なのですね
うにゃー

2017-01-05 · ID:O3R52ZZxGuE7 報告

idやclassでの指定に限定できるなら↑の方法でよいと思うけど、それ以外の緩い指定も出来てしまうし、important使って詳細度上げてること考慮すると、厳密に調べる方法はないよ。そのcss記述ルールを読み取って予測するしかない。

2017-01-05 · ID:0A4xRpWjiMs1 報告

ないのですねorz

2017-01-05 · ID:xkBDEey/itWk 報告

いじるんじゃなくて追記するほうが良いだろうな

2017-01-05 · ID:ViHbds5acNoz 報告

同感。そもそも「あるページの修正」だけならcommonに触りたくないな。そのページ独自のclassなり追加して上書きすれば良いのでは??と思ってしまう。

2017-01-05 · ID:X9ctXKgooA6a 報告

ですね。俺だったら、別なファイル作って、コメント付きのCSS書いて、そのページだけ読み込ませる様にする。他の人への引き継ぎの時を考えとかないと。CSSの優先順位知っとくと色々捗ります。ttp://mawatari.jp/archives/css-selector-priority 後から書いた(読み込んだ)方が優先とか、地味だけど毎日使う実用知識。

2017-01-05 · ID:0A4xRpWjiMs1 報告

そう、common いじるの強いなと思いまして。
追記が得策なのですね
ありがとうございます!

2017-01-05 · ID:0A4xRpWjiMs1 報告

×強い
◯怖い

2017-01-05 · ID:ed7.rgSYA1LM 報告

コストとの兼ね合いだろうけど、local.cssに追記してimportant宣言か、それ用にidかclassを振るかと。動いているサイトで、そこを修正したことでほかに大きな影響が出たらより面倒。

2017-01-05 · ID:0A4xRpWjiMs1 報告

そう、他も変わっちゃうの怖いですー。やっぱ追記が得策なのですね
ありがとうございます!

2017-01-05 · ID:0A4xRpWjiMs1 報告

親身にアドバイス頂き感動しました!
がんばります

2017-01-05 · ID:O1iRM/nPSxh5 報告

local.css で上書きに一票

2017-01-06 · ID:bTB/r9FEeV0z 報告

修正内容がそのページ固有のものであればこれ一択。
スキル高くないならなおさらコレだな。

回答の受付は終了しました。

関連トピック