如何设置类名不断变化的iframe元素的样式？

时间：2013-02-18 作者：Thomas Frank

在我的博客上，Pinterest按钮在页脚下方创建了一个小间隙。查看代码，原因是Pinterest javascript嵌入到页面中的iFrame。看起来是这样的：

<iframe src="//assets.pinterest.com/pidget.html?r=862117.4577227819#via=http%3A%2F%2Flocalhost%3A8888%2Finternet-security%2F&amp;type=pidget" height="0" width="0" frameborder="0" class="PIN_1361148986939_log"></iframe>
我可以使用Chrome的开发工具来应用display：无；但问题是：每次加载页面时，类都会更改。

有没有一种方法可以在CSS中针对这个特定的iFrame而不使用类名？

1 个回复
最合适的回答,由SO网友:stffn 整理而成

您可以选择每个iframe，只需编写：

iframe{display:none}
如果您有多个iFrame，并且这是唯一要应用此样式的iFrame，则可以编写如下内容：

iframe[src^="//assets.pinterest.com/pidget.html"]{display:none}
注意：这并不是一个WordPress问题，而是与CSS相关的问题。

结束
标签： css   embed   小码农  

相关推荐

注销/登录重定向CSS问题

我正在使用WordPress多站点。当我使用wp_logout_url(), 我被重定向到登录页面，但不知何故，我在另一个登录页面结束，没有应用任何样式 <a href=\"<?php echo wp_logout_url(); ?>\" title=\"Logout\">Logout</a> 这是我调用的唯一注销函数。我的登录功能如下所示： // 1. Custom login CSS function my_login_stylesheet(