我正在尝试修改我的网站模板的 css，但我找不到文件的位置 [关闭]答案

【问题标题】：I'm trying to Modify css of my website template but I can't find file's location [closed]我正在尝试修改我的网站模板的 css，但我找不到文件的位置 [关闭]
【发布时间】：2016-08-08 00:21:57
【问题描述】：

我使用 Firebug 修改我的 css 模板，但在我需要进行更改的地方，它只显示我的网站名称和一个数字（“rastmard.com #16”）。因此，我找不到相关文件的位置来保存我的更改。 *所以我的问题是；如图所示，

.chatbro_message css 文件 *

P.S：我使用的是 WordPress。

【问题讨论】：

标签： html css wordpress location firebug

【解决方案1】：

CSS 由您的 wordpress 插件生成并直接包含在您的页面中。这就是它不显示 CSS 文件位置的原因。

您可以通过进入插件编辑器并编辑 php 文件来自定义生成的 css。

在您的情况下，它将位于 -- http://rastmard.com/wp-admin/plugin-editor.php

在chatbro.php 文件中，您会找到以下内容，您可以根据自己的需要进行调整。

function set_default_settings () {
    $o = get_option('chatbro_options');
    $o['chatPath'] = 'tg/208397015/Ask your own question';
    $o['allowSendMessages'] = 'on';
    $o['chatHeaderBackgroundColor'] = '#2D3341';
    $o['showGuests'] = 'on';
    $o['showSystemMessage'] = 'on';
    $o['chatHeaderTextColor'] = '#FFFFFF';
    $o['chatBodyBackgroundColor'] = '#F7F8FC';
    ...

【讨论】：

是的，我之前找到了这个文件，但我需要的 (.chatbro_message) 不在此处。我可以从这个文件中调整背景颜色和其他一些东西。

【解决方案2】：

这是answered in Firebug's FAQ：

Q: Style侧文件名后面的数字是什么面板是什么意思？

后面带有数字的源链接（#2、#3、...）枚举通过页面内的<style> 标签定义的内部样式表。

对于外部 CSS 文件，数字符号表示同一个文件被多次包含。

A very similar description 可以在 Firebug 的 wiki 中找到。

WordPress 插件通常将其 CSS 样式表直接包含在页面的 HTML 中，而不是通过外部文件包含它。这就是为什么您将网站名称视为源链接的原因。该数字表示它是您的 HTML 中嵌入的第 16 个样式表。

【讨论】：

那么这些样式表存储在哪里？
我从未尝试过这个 WordPress 插件，但查看 code of Chatbro 我找不到相关的 CSS 类，只有 AJAX 请求的代码。所以，我假设 HTML 和 CSS 是通过 XMLHttpRequest 动态加载的。