如何在dev工具未指定文件名时查找源css代码？

Question

我正在使用wordpress创建一个网站，而我正在使用付费模板。该模板带有一个引导网格。我的问题是编辑一些css代码，因为我找不到css代码的来源。

如截图所示，媒体查询位于grid-responsive.css。我想编辑的代码是它上面的css。我想从padding-right: 30px !important;中删除.mpce-prvt-4661-5a018ae17a157:not(.mpce-dsbl-padding-right)，并在左侧删除public static void main (String[] args) { matrix[][]=data[] ; for(int i=0,i<5;i++){ for(int j=0,j<5;j++){ System.out.print(matrix[i][j]); } System.out.println(); } 。

但是我找不到css文件，而在右侧它没有告诉我哪个文件来源。我搜索了所有的css文件，但找不到它。有人知道如何找到它吗？

Answer 1

您可以在其他文件中编写CSS。通常，付费模板可以在管理员或自定义CSS文件中添加您自己的自定义CSS。 检查您的WordPress主题参数或文档。

此方法称为＆＃34;覆盖＆＃34;。这意味着您不修改原始模板（否则在更新模板时可能会删除您的修改）。

您只需复制和修改要更改的CSS。

原始CSS文件：

.test {
    color: red;
}

在custom.css中：

.test {
    color: blue;
}

Answer 2

在检查器中未显示源的CSS引用通常是从非CSS源生成的。

最常见的来源是JavaScript。

最简单的解决方案是简单地在Visual Studio中打开整个项目，并在整个项目中搜索css字符串。