Question

我对如何在 thefreedictionary.com 网站上实施内容隐藏功能提出疑问。
我不明白它是如何运作的。

如果您访问以下网址并启用了AdBlock ，则 http://encyclopedia.thefreedictionary.com/stack+overflow
主要内容将被隐藏。

即使禁用了JavaScript（我使用的是“NoScript”FireFox插件），主内容仍会被隐藏。

让我们看看主要内容div：

<div id="content" class="yt">

此div的路径如下（图像可点击）：

请注意，每次刷新页面时，班级名称（我的情况为yt）都不同，因此您的班级名称可能包含另外两个字母。

通过查看Firefox开发人员工具中的“规则”和“已计算”标签，我们可以看到.yt类的display属性设置为none。

很容易检查是否是此复选框可以控制主要内容的可见性。

我的问题是：此css行来自哪里？

它看起来像一个css数据URI，但是我在html文件中找不到数据URI html文件引用“all.css”，它也不包含.yt display到none的设置。
JavaScript已禁用，因此脚本无法动态更改display属性。

我很有意思，这里使用的是什么伎俩有人可以解释一下吗？