我正在创建自定义HTML标记。我想知道是否可以用JavaScript将CSS属性添加到HTML标签中，而无需添加、使用CSS文件或显示"；风格"；属性，例如：
否：
<-my-tag style="color:red">STACKOVERFLOW</-my-tag>
是：
<-my-tag>STACKOVERFLOW</-my-tag>
结果就像这个
您可以在DOM中创建一个样式元素，并向其附加任何将自动应用于元素的内容
const appendStyle = (customStyles) => {
const styleEl = document.createElement('style');
styleEl.innterHTML = `yourTagName {${customStyles}}`;
document.body.appendChild(styleEl);
}
appendStyle('background-color: red; font-size: 15');
是的，您可以添加一个单独的.css文件并将您的样式放在那里。
类似style.css
yourTagName {
color: red;
}
然后使用<link>将其包含在HTML的<head></head>部分中，也可以在<head>部分的<style>标记中添加样式。
查看W3 HTML样式-CSS了解更多信息。