如何在页面加载时隐藏语法高亮画笔

Question

在我的网站上，我在文章中提供了C#和Visual Basic的代码示例。默认情况下，我只希望C#画笔在页面加载时显示（vb示例将设置为display: none;

在过去，我通过等待加载所有内容，然后隐藏VB示例来实现这一点：

$(document).ready(function() {
    setTimeout(function() {
        $(".vb").hide();
    }, 500);
});

但这充其量只是粗略的，所以我突然想到：为什么不为这些笔刷设置一个默认样式，使它们隐藏在样式表中呢？

不幸的是，我在语法高亮显示中找不到任何特定于画笔的样式规则，我可以使用。。。

有人能在这里提出解决方案吗？因为我很困惑。。。

这是我的网站上的两页。.hide()在第1层工作，但在第2层不工作。。

ASP.NET中的表单身份验证
LINQ To SQL 中的基本CRUD

Answer 1

只需将其用作css规则即可工作

.vb{显示：无}

顺便说一句，如果文章内容都没有改变，而你只是在翻转代码，那么让每个代码块都成为选项卡式界面可能是更好的用户体验设计。是的，这意味着复制按钮，但它对最终用户来说更有意义，而且会更容易获得。您会注意到，如果大多数编码网站显示了一种以上语言的示例，它们都会这样做。

还有一点需要注意：当你更改窗口边框的滚动条时，大多数用户都不喜欢。大多数人都觉得它类似于字幕和眨眼，如果你在悬停/拖动滚动条时注意到滚动条消失了，这会让人特别沮丧。