关于再＜style＞中使用＜!-- --＞注释失败的原因

已于 2023-05-26 16:55:44 修改
阅读量375 收藏 1
点赞数 2
分类专栏： HTML 文章标签： javascript 开发语言 ecmascript
于 2023-05-26 16:53:38 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_73412387/article/details/130890196
版权
在学习WebStorm新版本时，用户尝试在style标签内添加注释，误用了HTML的<!---->语法，导致注释后样式部分失效。正确做法是使用CSS的/*...*/注释方式。问题在于混淆了HTML和CSS的注释规范。
摘要由CSDN通过智能技术生成

起因

学习webstorm(2023.1.2)的时候,想在style标签中插入注释,按住ctrl + /出现的是<!-- -->我用其进行注释,发现字体并没有变灰

而是 

然后运行的时候,所有style中的样式失效了一部分

解决

使用这种注释 / * ...... * / ctrl + shift +/ 

原因

<!-- --> 是html的语法,而 / * ...... * / 才是css 的语法

详细原因请参考(129条消息) 关于html里style标签中注释的问题_<style>里面不能用多行注释吗_liuxiaoddd的博客-CSDN博客

荣淘淘
关注
专栏目录
HTML----基础案例（与笔记对应）
sumuqi的博客
03-22 751
案例1 !DOCTYPE html> <html> <head> <title>第一个HTML文件</title> <meta charset="utf-8"> </head> <body> 欢迎学习HTML </body> </html> 案例2 <html...
vscode中，在html文件的style或script标签下注释异常问题
CodeTH的博客
11-17 5035
用 VS Code 编辑 html 文档时，发现快捷键注释html中的 js 代码（script标签中）显示成 “” 查了一圈配置文档，并看不出什么… 怀疑是不是因为安装了某个插件，最终发现是Jinja插件导致的问题，将其禁用之后就可以正常快捷注释 html 文档中的 javascript 代码和 css 代码了。 终于可以愉快地注释了。。。 ...
css使用中文注释引起失效解决方法
王旭东
01-23 429
  想必大家在设计页面的时候经常会遇到CSS也的没问题，缺不能达到想要的效果，最后在网上发现结果问题竟然处在中文注释上。（/*　注释内容 */） 其原因主要有： 1. css有中文注释 2. css为ANSI编码 3. html为utf-8编码   解决方法： 1. 去掉中文注释，用英文注释 2. 统一css 和 html 的编码（推荐此种方法） ps： css为uft-8  ...
style标签内的<!-- -->html注释符(今天走了个大弯路)
Do What U Like~
11-05 3350
这几天通过http://w3school.com.cn  学习HTML，说来惭愧，刚刚开始时，由于对html的注释是认识有限，今天走了些弯路啊。 我以为只要是内的内容，放在html文档的任何位置都会被浏览器忽略掉的。 当我在熟悉style标签时，使用了，将style标签内的某些样式代码进行注释。 我用的是世界之窗极速版浏览器，结果就是注释根本就不起作用。唉，我怎么也想不通啊啊啊啊！！！ 后
vscode的vue文件失去高亮，不能多行注释以及没有提示解决方法
weixin_46669682的博客
06-21 1148
今天学习的时候遇到一个问题，vscode里的vue文件失去了高亮，并且不能进行多行注释和失去了提示信息。 （图片没有截图就不展示了） 我在网上搜了很多大佬的文章，其中有一个大佬列举出了好几个解决方式，我把链接放在下面了 大佬的链接 但是这几种方法都没解决我的问题，然后我又和他死磕了好久，碰巧给我找到了 我发现这个里面要打开信任文件夹，启用全部功能，是在我画圈的那个位置，随后就解决了 ...
解决在Vscode里 .vue文件的style代码块中无法正确注释的问题
weixin_44000800的博客
04-20 3253
在vscode里面写代码时突然碰见一个问题 在style代码块里面使用Ctrl+/ 进行注释时 无法对css代码进行正确注释 给我们的是html模板中的注释效果 <!卸载掉这个扩展并且重启了vscode以后所有注释都正常了 而且style标签也是淡蓝色的了而不是丑陋的白色。并且此时突然发现和我女朋友的vscode里面还大有不同，style标签颜色是白色的，她的是淡蓝色的。这个时候我大概猜出了可能是某扩展不作用了或者冲突了。上答案 卸载Vscode里面的这个扩展。而我们需要的是 /**/的注释。
关于html里style标签中注释的问题
liuxiaoddd的专栏
06-06 9539
...... -->      在样式表的开头和结尾会自动添加一套html注释标记：。如果以为这个跟html的注释标记是一样，用这个写注释，会导致样式表定义失效。下面是运行效果对比：          当结束。      这是一个很容易被忽视的低级错误。原因很简单，CSS的注释语法是：   / * ...... * /  
VUE 注释快捷键不能用「!-- --」 问题
abc81163788的博客
07-02 2798
1.安装Vue 2 Snippets插件 2.在settings.json中加入这个： { “files.associations”: { “*.vue”: “html” } } 如图
vscode使用快捷键注释失效问题
liveon_的博客
11-25 1967
vscode中注释bug
VS Code中Vue不能注释和格式化问题的解决方法
qq_45691307的博客
04-19 2485
Vue环境的搭建与新建Vue项目 Vue环境搭建 1. 下载安装node.js 安装node.js是为了使用其内置的npm工具。 进入node官网选择自己与电脑匹配的版本下载，然后按照步骤一步步安装就好了，完成打开cmd命令行输入node -v,如果显示node的版本信息就说明安装成功了。 2. 安装npm/cnpm 打开cmd命令行，输入npm install 3. 安装vue-cli脚手架 ...
style中注释引起的错位，警惕IE全家
10-25
style中注释引起的错位，警惕IE全家
html基础-几种布局
qq_46065861的博客
07-31 1404
1.html标签 html为网页标记语言 <标签名> DTD声名 新版 <!DOCTYPE html> 标题标签 hn <h1></h1> <h2></h2> <h3></h3> <h4></h4> <h5></h5> <h6></h6> n越大，字体越小，自动加粗，换行 color设置字体的颜色 1.HEXColor 六位的十
Java学习笔记Part02-HTML初探
weixin_51657833的博客
02-07 383
HTML初探 1.什么是HTML？ HTML(Hyper Text Markup Language)指超文本标记语言,是用来描述网页的一种语言 a) 超文本：比普通文本更牛逼的文本 不仅仅可以展示文字 可以展示各种媒体内容 b) 一般由前端工作人员来完成,后台研发人员不需要编写 c) 标记：(标签/元素/标记) 标记通常被称为 HTML 标签 (HTML tag)。 HTML 标签是由尖括号包围的关键词，比如 <html> 封闭类型标记（也叫双标记），必须成对出现,如<p><
-CSS-笔记-
April_Aimer的博客
02-07 2175
目标: 学会使用CSS选择器 熟记CSS样式和外观属性 熟练掌握CSS各种选择器 熟练掌握CSS各种选择器 熟练掌握CSS三种显示模式 熟练掌握CSS背景属性 熟练掌握CSS三大特性 熟练掌握CSS盒子模型 熟练掌握CSS浮动 10.熟练掌握CSS定位 11.熟练掌握CSS高级技巧强化CSS typora-copy-images-to: media CSS的发展历程 从HTML被发明开...
新插入ul中的＜li＞标签无法绑定点击事件
shiyue1016的博客
09-21 1718
我做的是搜索框下，关联数据显示 下面是html基本结构。 <input class="search" type="text" value="目的地：北京，上海，深圳" id="search"> <ul class="search-like" id="list-box"> </ul> ul内没有li，通过模板引擎方法插入从后台接收到的数据到ul中； 在给li绑定事件过程中遇到了问题，在外部绑定事件会无效，因为li是后面动态生成的，也就
在<style></style>之间添加<!---->
jiangxindu1的专栏
10-03 1507
在html中的中的之间。添加
[HTML] 完美解决vscode在style中没有代码提示的问题
java_xxxx的博客
02-10 5756
原文链接：https://www.jianshu.com/p/7fdcb29080da 正文 最近因为工作需要开始着手使用vscode, 发现在写行内样式时并没有代码提示, 怎么解决呢? 答: 一般都移动一下光标之后再继续写就能有代码提示了. 效果如图 之后一定有很多人不愿意这样做, 然后开始在网上搜解决方案. 我们最常看到的答案是这样的: "editor.parameterHints": true, "editor.quickSuggestions": { "other": true, "comment
零基础CSS入门教程(6)–style标签与注释
程序员大阳
10-19 3093
更多相关博文请查看【JavaWeb学习之路】 本文目录1. 前言2. CSS注释的格式3. 小结 1. 前言 之前在讲解HTML的时候，已经说过注释这个事情了。理解注释，掌握两点就足够了： 注释对程序代码的运行没有实际作用，也就是说，写了注释，相当于没写。 注释对程序员起到一个提示作用，也就是说，注释可以帮助程序员理解程序。 CSS的注释，也是这个道理，写了CSS注释并不会影响CSS的样式效果。 2. CSS注释的格式 CSS注释格式如下： /* 注释内容 */ 所以我们给一段CSS代码添加上注释后，
html中style内的「!-- --」注释功能
poppyCL的博客
07-03 2521
html中style标签内的两种"注释"一、 /* */注释二、<!>注释 一、 /* */注释 作用 忽略被注释的代码 <style> h1 { font-size: 1vmin; /**font-size: 15vmin;**/ } </style> <style> /** h1 { font-size: 1vmin; font-size: 15vmin; } **/ </style> 二、<!>注释 可以看见被注释的
使用vue3+Element-plus编写图片上传 代码加注释
最新发布
06-09
好的，下面是使用 Vue3+Element-plus 编写图片...- `return` 中的数据和方法，会被 Vue3 自动注入到组件的模板中使用； - `style` 标签的 `scoped` 属性表示样式仅作用于当前组件中的元素，不会影响到其他组件的样式。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

荣淘淘

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值