在网页中自动关键字突出显示

Question

我想弄清楚，如何创建一些DOM元素，例如<div>，这样我就可以将它用作特殊的代码占位符。 （不是默认的<code>代码）

例如，我使用<div>（包含某些类）和<div>中的任何单词，如某些编程语言中的关键字，它们会自动更改颜色 - 取决于哪种类型他们是关键字; string，number，function等。

Here's an example

该页面有多个<div>个，其中的所有关键字都有一些特殊颜色。

我该怎么做？

Answer 1

嗯，这很直截了当 - FIDDLE。

主题的变化真的是无限的。

CSS

.bigred {
    font-size: 21px;
    color: red;
}
.littlegreen {
    font-size: 16px;
    color: green;
}
.blueitalic {
    fond-size: 18px;
    color: blue;
    font-style: italic;
}