Question

例如，我希望hilight关键字“add”，“mov”等代码如下：

<code>
add 1, 2<br/>
mov 3, 4<br/>
</code>

那么我可以仅使用CSS更改块中特定关键字的样式，而不是编辑HTML吗？

更新好的，对于解决方法，我附加到页面脚本，如：

window.onload = function()
{
    var list = document.getElementsByTagName("code");

    for (var i = 0; i < list.length; i++)
    {
        list[i].innerHTML = list[i].innerHTML
            .replace(/mov/g, '<span id="keyword">mov</span>')
            .replace(/set/g, '<span id="keyword">set</span>');
    }
}

但是，我仍然很乐意在css中找到解决方案。

Answer 1

我认为你必须将标签中的单词包装成风格，例如。

<code>
  <span class="func">add</span> 1, 2<br/>
  <span class="func">mov</span> 3, 4<br/>
</code>

然后使用CSS文件中添加的类来设置单词

的样式

.func
{
  color: blue;
}

示例可见http://jsfiddle.net/6NAG3/

编辑：要查看代码漂亮的打印内容，在开发工具中检查上面的代码，你可以看到它们如何包装元素

我可以使用CSS更改块中特定单词的样式吗？

1 个答案: