CSS链接到.html文件

Question

我最近下载了一个主题（scalia），它有很多CSS，但是它们以.html扩展名存在于文件中，该主题的每一页都可以在本地计算机上打开（不是localhost（我直接在浏览器中打开index.html）），但是将其上传到主机时，它显示mime类型错误。

样式表以这种格式链接

<link rel='stylesheet' id='layerslider-group-css' href="indexf67d.html?f=scalia/wp-content/plugins/LayerSlider/static/css/layersli‌​der.css,scalia/wp-content/plugins/contact-form-7/includes/css/styles.css,scalia/w‌​p-content/plugins/scalia-style-changer/css/ssc-style.css,scalia/wp-content/plugin‌​s/mailchimp-for-wp/assets/css/checkbox.min.css,scalia/wp-content/themes/scalia/cs‌​s/woocommerce.css,scalia/wp-content/themes/scalia/css/woocommerce1.css" type='text/css' media='all'/>

我已经有了这些CSS文件layerlider.css，styles.css，ssc-styles.css等。

我的主要问题是[上述代码是否可以替代？ 这样我就可以替换此代码并手动链接我的CSS文件]

Answer 1

只需访问您href中的链接即可。 将获得的CSS保存为单独的CSS文件。 将上一行的href替换为新下载文件的路径。

Answer 2

是。

如果您的.css文件与html文件位于同一目录中，则可以通过以下方式添加该文件：

<link rel="stylesheet" type="text/css" href="myfile.css">

如果在另一个目录中，请使用相对路径或完整路径，如下所示

相对：文件夹内的文件与html文件位于同一目录中

<link rel="stylesheet" type="text/css" href="folder/anotherfolder/myfile.css">

相对：位于包含html文件的目录的根目录中的文件。

<link rel="stylesheet" type="text/css" href="../myfile.css">

完成

<link rel="stylesheet" type="text/css" href="C:/Users/yourname/Documents/CSS/myfile.css">