Html 如何确定CSS行的来源？

我有一个关于如何在freedictionary.com网站上实现内容隐藏功能的问题。
我不明白它是怎么工作的

如果在启用AdBlock的情况下访问以下URL，

主要内容将被隐藏

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

让我们看一下主要内容部分：

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

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

请注意，每次刷新页面时，类名（

yt

）都是不同的，因此您的类名可能包含另外两个字母

通过查看Firefox开发者工具中的“规则”和“计算”选项卡，我们可以看到

.yt

类的

display

属性设置为

none

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

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

它看起来像css数据URI，但我在html文件中找不到数据URI。
html文件引用了“all.css”，它也不包含设置

.yt

显示
到
无


JavaScript已禁用，因此脚本无法动态更改
display
属性

我很有趣，这里用的是什么把戏。

有人能解释一下吗？
Hmm，我访问了在Chrome和Firefox中启用AdBlock Plus的链接，没有任何内容对我隐藏。你应该能够单击规则旁边的小“css，.yt…”行，它将显示你在定义的页面上。但是我在chrome中有adblock，也没有隐藏任何内容。@MichaelLocker的
css、.yt
链接指向一个内联样式，该样式实际上在页面源代码中，但不包括任何
none
display，仅
.yt{margin:0 13px 0；display:block；overflow:hidden；width:100%}
@阿尔瓦罗冈萨雷斯你能截图吗？@MichaelCoker对不起，我错了。它只是将您带到developer tools中的CSS面板，并显示最后打开的样式表。这一定是开发者工具中的一个bug。嗯，我访问了Chrome和Firefox中启用AdBlock Plus的链接，没有任何内容对我隐藏。你应该能够单击规则旁边的小“css，.yt…”行，它将显示你在定义的页面上。但是我在chrome中有adblock，也没有隐藏任何内容。@MichaelLocker的
css、.yt
链接指向一个内联样式，该样式实际上在页面源代码中，但不包括任何
none
display，仅
.yt{margin:0 13px 0；display:block；overflow:hidden；width:100%}
@阿尔瓦罗冈萨雷斯你能截图吗？@MichaelCoker对不起，我错了。它只是将您带到developer tools中的CSS面板，并显示最后打开的样式表。这一定是开发人员工具中的一个bug。