要编辑已编译的CSS文件，可以按照以下步骤进行：

1. 找到要编辑的已编译的CSS文件。通常，这些文件位于项目的"dist"或"build"文件夹中，而不是源代码中的"src"文件夹。

2. 使用任何文本编辑器（如Notepad++、Sublime Text、Atom等）打开已编译的CSS文件。

3. 在打开的文件中，进行所需的修改。例如，更改颜色、边距、字体等。

4. 保存所做的修改。

5. 如果您的项目使用了构建工具（如Webpack、Gulp、Grunt等），则需要重新运行构建任务以将修改后的CSS文件重新编译到"dist"或"build"文件夹中。

以下是一个简单的示例：

假设有一个已编译的CSS文件"styles.css"，其中包含以下代码：

body {
   background-color: #f0f0f0;
   color: #333;
   font-family: Arial, sans-serif;
}

h1 {
   font-size: 24px;
   margin-bottom: 10px;
}

要编辑此文件，您可以按照以下步骤进行：

1. 找到并打开"styles.css"文件。

2. 将背景颜色更改为红色：

body {
   background-color: red;
   color: #333;
   font-family: Arial, sans-serif;
}

h1 {
   font-size: 24px;
   margin-bottom: 10px;
}

3. 保存文件。

4. 如果使用构建工具，请运行相应的构建任务以重新编译CSS文件。

这样，您就成功地编辑了已编译的CSS文件。请注意，在下次构建时，您对源文件（如SCSS或LESS）所做的更改可能会覆盖您对已编译CSS文件的修改。因此，建议在源文件中进行更改，并使用构建工具自动编译为CSS文件。