使用CSS在'pre`或`code`块中设置注释

Question

有没有办法只使用CSS在pre或code块内（例如Ruby注释）设置注释？

例如：

# I am a comment and should be lighter and italic
I = { :am => :normal_code, :and_want_no => :special_treatment }

我知道你可以使用Javascript / jQuery在正确的位置插入<span>个元素（比如Stack Overflow提供的上述评论中的<span>）但是可以做到只用CSS ？

对于背景，我使用降价渲染器，在必要时输出简单的<pre>和<code>元素，但没有任何钩子用于指示您正在使用的语言以及如何使用{{1}标记注释} elements。

Answer 1

此任务无法仅使用CSS完成。

CSS在元素级别工作，它是not possible to "select into" general text - 甚至是平凡的，更不用说应用一些规则来解析语法语法了。

如上所述，正如通过检查SO代码呈现（如本文中的那个）所看到的，一种方法是使用适当的CSS类（这是单独的语法处理的结果）输出跨度 - 然后是这些单独的跨度，可以选择，风格。

Answer 2

• a）什么降价渲染器？
• b）使用带有类或ID的CSS以及psuedo elements
无法做到这一点

我会像你一样进一步扩展。

问题是，您无法使用提供的方法准确呈现comments，因为从技术上讲，这些方法从未首先呈现。

comments旨在帮助debugging 不可运行的代码。尝试add comments或manipulate comments会导致安全漏洞，并且实际上需要inserting a file进入您可感知的代码。

就这一点而言？除非您有相同的comment或多个文件可用，否则这将是一个棘手的场景。如果有必要，我会说import your file只有comment版本的重复版本。