有没有办法使用CSS来突出显示关键字?

时间:2009-03-14 13:35:46

标签: html css

嗯,这就是上下文:我在谷歌文档中编辑一个乳胶源文件,我想知道我是否可以使用CSS为任意关键字和美元符号中的文字着色。

例如,给定此HTML文件:

<html><body>
\section{Heading 1}
<br>
This is a simple file with a formula $x_1 = x_0 + 1$.
<br>
Here it ends \cite{somebody}.
</body></html>

我想让CSS让我看到这个:

\section{Heading 1}
This is a simple file with a formula $x_1 = x_0 + 1$.
Here it ends \cite{somebody}.

我认为无法完成,因为没有标记隔离我想要格式化的这些结构。

干杯。

编辑:看起来样本输出没有按照我的意图着色,尽管它在编辑视图中。

3 个答案:

答案 0 :(得分:4)

您需要插入一个span - 元素来包围您想要突出显示的那些位,然后使用不同的背景颜色或其他颜色设置它们。

所以不,基于CSS的纯溶解是不可能的。

答案 1 :(得分:3)

你的正确。单独使用CSS无法做到这一点。但是在Javascript中这样做会非常简单。

答案 2 :(得分:0)

正如Arve和Gary所说,我认为纯CSS解决方案是不可能的。

但是,如果你能够在你的上下文中使用javascript是可能的。我正在使用Alex Gorbatchev的SyntaxHighlighter来进行语法突出显示任务。只要SyntaxHighlighter可以生产的那种风格符合您的需要,我会推荐它。

但是还有一些工作要做。它使用“画笔”插件架构,虽然没有为latex定义画笔,但是创建画笔应该比从头构建语法高亮解决方案更快。