devツールでファイル名が指定されていない場合のソースコードの検索方法は？

Question

私はワードプレスでウェブサイトを作っています。私は有料テンプレートを使用しています。テンプレートにはブートストラップグリッドが付属しています。私が持っている問題は、CSSコードのソースを見つけることができないので、いくつかのCSSコードを編集していることです。

スクリーンショットからわかるように、メディアクエリはgrid-responsive.cssにあります。私が編集したいコードは、それを上回るCSSです。 を.mpce-prvt-4661-5a018ae17a157:not(.mpce-dsbl-padding-right)から削除し、左側を削除します。

しかし、私はcssファイルを見つけることができないと右側にそれはソースがされたファイルを私に教えてくれありません。私は私が持っているすべてのCSSファイルを検索し、それを見つけることができませんでした。誰かがそれを見つける方法を考えている？

Answer 1

あなたのCSSは他のファイルに書き込むことができます。通常、有料テンプレートは、管理者またはカスタムCSSファイルに独自のカスタムCSSを追加する機能を提供します。 WordPressのテーマパラメータまたはドキュメントを確認してください。

このメソッドは「オーバーライド」と呼ばれます。これは、元のテンプレートを変更しないことを意味します（そうしないと、テンプレートを更新すると変更内容が削除される可能性があります）。

変更したいCSSをコピーして変更するだけです。

オリジナルのCSSファイル：

.test { 
    color: red; 
} 

のcustom.cssで：通常CSSでないソースから生成されているインスペクタでソースを表示しません

.test { 
    color: blue; 
} 

Answer 2

CSS参照。

最も一般的なソースはJavaScriptです。

最も簡単な解決策は、Visual Studioなどのプロジェクト全体を開いて、プロジェクト全体でcss文字列を検索することです。