html - WordPress css 加载问题

Question

我将元素从服务器下载到我的电脑(本地主机)。每次我对 css 进行更改时，此更改都不会加载到站点(本地主机)上。

我尝试更换浏览器并清除浏览器缓存。 我安装了插件 (Autoptimize) 来清除网站的 css 缓存。

.section_news {
    display: inline-block;
    width: 100%;
    margin-top: 1rem;
    margin-bottom: 1rem;
}

.section_news .news_content {
    color: red;
    text-align: center;
}

.section_news .news_content .title {
    color: red;
    color: blue;
}

当我重新加载网站时，更改不可见。 我检查了代码是否已加载:https://ibb.co/jT7LX6n

Answer 1

您正在为哪个特定类(class)设计造型？这条线？

   .section_news .news_content .title {
        color: red;
        color: blue;
    }

它应该只包含一种颜色。它是 color: red; 或 color: blue;

此外，尝试Cmd + Shift + r(在 Mac 上)或 Ctrl + F5(在 Windows 上)。

并检查您的样式表源链接是否具有如下变量:

<link rel="stylesheet" type="text/css" href="css/stylesheet.css?ver=5.2.2" />

因此您对 css 文件所做的更改不会生效。 您可以将其从 ver=5.2.2 更改为 ver=5.2.3

UPDATE

您的本地样式表未加载，因为您下载的网站的网址未更改。您在本地运行的网站仍在使用实时网站的样式表。

您可以选择以下解决方案之一。

1. 如果您正在使用 Xampp，如果域仅使用 http，则可以虚拟托管您的域。

在C:​​\xampp\apache\conf\extra\httpd-vhosts.conf中添加这段代码

<VirtualHost *:80>
 DocumentRoot "C:/xampp/htdocs" //your file path
 ServerName your-domain.com
 ServerAlias www.your-domain.com
 <Directory "c:/xampp/htdocs">
 Order allow,deny
 Allow from all
 </Directory>
</VirtualHost>

然后转到 C:\Windows\System32\drivers\etc\hosts 然后添加这一行

127.0.0.1  www.your-domain.com

1. 或者如果域使用的是 https:

How do I use https (SSL) in XAMPP while using virtual hosts

另一个选项是更新您在数据库上的 URL:注意:首先备份您的数据库 Change site URL and WordPress URL in Localhost

或者使用这样的插件https://wordpress.org/plugins/velvet-blues-update-urls/