VSCode LiveServer插件无法应用外部CSS?

最近在学HTML，按照例子写一个简单的网页，IDE用VSCode，插件使用Live Server和open in browser，浏览器Chrome 74.0.3729.108。

在头部link了一个外部css文件，在VSCode中使用Live Server，右键网页Open With Live Server，结果外部CSS样式表没有应用，如果用浏览器直接打开网页则可以正确应用显示，请问有遇到这个问题的吗？

图片说明

写回答
好问题 0 提建议
追加酬金
关注问题
分享
邀请回答
编辑收藏删除结题
收藏举报

4条回答默认最新

关注

码龄粉丝数原力等级 --

被采纳

被点赞

采纳率
蔡能教授，网站特聘专家 2020-03-30 10:21
关注
https://q.cnblogs.com/q/106029/

本回答被题主选为最佳回答 , 对您是否有帮助呢?

解决无用
评论打赏
分享
举报

评论

按下Enter换行，Ctrl+Enter发表内容

查看更多回答(3条)

报告相同问题？

关注问题

VSCode LiveServer插件无法应用外部CSS? chrome css html5
2020-03-30 09:08

回答 4 已采纳 https://q.cnblogs.com/q/106029/
刚在VScode上安装live server插件 css html
2021-10-31 21:27

回答 3 已采纳 vscode用open with live server找不到html文件_W666097的博客-CSDN博客_用liveserver打不开html文件
vscode的live server不显示图片 html vscode
2022-07-20 16:20

回答 2 已采纳审查元素看看，图片是不是加载了。感觉路径不对
2021-11-15 入门前端VScode必装的常用插件, HTML+CSS常用属性速记.
2021-11-15 18:14

天凉的话就喝杯热牛奶吧的博客一、VSCode常用 ( 前端还在学习, 待更新… ) //1. VScode常用快捷键 * 新建文件：ctrl + N * 切换自动换行：alt + Z * 复制当前行：ctrl + C；ctrl + V； * 执行在默认浏览器：alt + B; * 设置vscode文件折叠属性: ...
vscode live server打不开如图 css html5 vue.js 有问必答
2021-05-29 15:47

回答 1 已采纳服务已经启动了，不能自动打开浏览器，你可以在浏览器里面输入localhost:5500访问你看图上我圈出来的地方，是一个×的话就说明服务已经启动了，点那个×就可以关闭服务。
为什么Vscode启动Tomcat时会出现乱码？ css html 前端框架
2022-06-28 17:22

回答 2 已采纳没有进行解码哇
前端vue-cli框架中引入外部css文件报错问题 vue.js 前端前端框架有问必答
2022-03-17 15:45

回答 3 已采纳这路径不对吧。不能使用绝对路径。需要把css放到项目里然后相对路径引入./assetss/css/style.css
前端开发推荐vscode安装什么插件？
2023-05-15 10:10

SiKi学院的博客可以参考一下下面我推荐的插件，注意：插件的目的是用于提高开发的效率，节约开发的时间，像类似检查一些bug、拼写错误等这些可以使用插件快速的识别，避免在查找错误上浪费过多的时间，但切记不要过度依赖一些插件...
Vscode中css后缀文件的代码提示失效 css vscode 前端
2023-04-10 23:03

回答 2 已采纳以下内容部分参考ChatGPT模型：你好，看起来你的问题可能是Vscode的插件出了一些问题。你可以尝试以下几个步骤来解决问题：确认你安装了正确的插件：首先，你需要确认你安装了正确的插件。你可以
请问如何用deep覆盖css？ css html5 前端
2022-06-20 16:16

回答 1 已采纳 less /deep/ .v-data-table>.v-data-table__wrapper>table>thead>tr>th { padding: 0 4
vscode css样式提示回车成标签了 css 前端
2022-05-27 14:52

回答 2 已采纳 HTML to CSS autocompletion，外联样式提示插件css-class-intellisense，内联样式提示插件找到，点击右下角的安装进行安装详细配置教程如下https://bl
vscode 前端最佳插件配置
2018-02-12 10:23

ifredom_的博客 Vscode最佳配置
Vue项目里什么时候把CSS代码写成外部样式文件？ css vue.js 前端
2023-02-16 11:07

回答 3 已采纳通常来说，你可以在style标签中编写组件内部的样式，或者将组件样式单独写成一个外部的CSS文件并通过引入的方式使用。如果你的组件样式比较少，可以直接写在组件内部的style标签中，这样可以让组件的
vscode前端环境(html+css+javascript)的配置
2022-10-02 09:31

ScottePerk的博客现在最新版本发vscode已经不需要额外配置这三个语言本身了。已经默认支持很多功能。
VScode前端个人网页
2023-03-17 14:39

此外，VScode的插件如Prettier用于代码格式化，ESLint用于代码规范检查，Live Server则提供了本地实时预览的功能，这些都是前端开发中的常用工具。 5. **版本控制**：VScode支持集成Git，对于个人网页的开发，版本...
没有解决我的问题, 去提问

悬赏问题

¥15 在若依框架下实现人脸识别
¥15 网络科学导论，网络控制
¥100 安卓tv程序连接SQLSERVER2008问题
¥15 利用Sentinel-2和Landsat8做一个水库的长时序NDVI的对比，为什么Snetinel-2计算的结果最小值特别小，而Lansat8就很平均
¥15 metadata提取的PDF元数据，如何转换为一个Excel
¥15 关于arduino编程toCharArray()函数的使用
¥100 vc++混合CEF采用CLR方式编译报错
¥15 coze 的插件输入飞书多维表格 app_token 后一直显示错误，如何解决？
¥15 vite+vue3+plyr播放本地public文件夹下视频无法加载
¥15 c#逐行读取txt文本，但是每一行里面数据之间空格数量不同

VSCode LiveServer插件无法应用外部CSS?

4条回答 默认 最新

悬赏问题

4条回答默认最新