如何将带ID的内部CSS转为外部CSS并保留原ID有效性？

要迁移CSS到外部文件同时保留id="mks"的有效性，得看你原来用这个id做什么，分两种情况处理：

情况1：仅用id标识样式资源（比如控制启用/禁用） #

如果原来的id="mks"只是用来标记这个样式块，比如通过JS切换disabled属性、或者用CSS选择器选中它，那直接给<link>标签加id就行：

• 把<style id="mks">里的所有CSS代码复制到myfile.css
• 删除HTML里的<style id="mks">标签
• 换成带id的外部样式引用：

<link rel="stylesheet" href="myfile.css" id="mks">

这样原来针对#mks的所有逻辑（比如document.getElementById('mks').disabled = true）都不用改，完全兼容。

情况2：需要操作样式标签的内容（比如动态修改CSS代码） #

如果原来的代码里有直接操作<style>标签内容的逻辑——比如通过JS修改style.innerHTML、用insertRule添加规则，那得保留原<style>标签：

• 把原有CSS代码迁移到myfile.css
• 保留空的<style id="mks">标签，同时引入外部CSS：

<link rel="stylesheet" href="myfile.css">
<style id="mks"></style>

这样外部CSS正常加载生效，原来针对#mks样式标签的内容操作逻辑也能继续用。

⚠️ 别用@import把外部CSS导入到保留的<style>标签里，因为@import加载的样式没法通过原style标签的JS API直接修改。

内容的提问来源于stack exchange，提问作者Dirk Bollaerts