javascript - 如何在页面的特定部分包含CSS

在我的网站中，用户必须在我正在使用a markdown editor的文本区域中输入markdown。问题是：它使用icomoon字体，我的网站也是如此。两者都使用相同的类来定义字体，但是都没有使用相同的图标。问题很简单：是否可以为特殊的div定义editor.css？像那样：

<div css="editor.css"></div>

谢谢。拜托了，只有否决投票是没有用的。否决和评论。

最佳答案

命名您的编辑器样式

您可以添加一个选择器来命名您的编辑器，并允许您设置其样式：

<div class="editor-style">
  <div id="cool-custom-editor">...</div>
</div>

在您的CSS中：

.editor-style .icon-thumbs-up { color: green; }

使用作用域样式（需要polyfill）

如问题下方@adeneo的评论中所述，可以选择使用范围样式标签。

假设您的编辑器如下所示：

<div id="cool-custom-editor">...</div>

您可以使用scoped属性应用特定样式，如下所示：

<div>
  <style scoped>@import url(editor.css);</style>
  <div id="cool-custom-editor">...</div>
<div>

关于javascript - 如何在页面的特定部分包含CSS，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/20884969/