Html CSS正则表达式标志:忽略大小写,全局搜索
我有以下HTML:Html CSS正则表达式标志:忽略大小写,全局搜索,html,css,regex,flags,Html,Css,Regex,Flags,我有以下HTML: <div> <img class="hi" src="http://i.imgur.com/f9WGFLj.png"></img> <img class="HI" src="http://i.imgur.com/f9WGFLj.png"></img> </div> 如您所见,在最后一个CSS片段中,我尝试(不太熟练地)覆盖前面的片段作为概念证明。问题是: CSS是否与Regexp标志(如
<div>
<img class="hi" src="http://i.imgur.com/f9WGFLj.png"></img>
<img class="HI" src="http://i.imgur.com/f9WGFLj.png"></img>
</div>
如您所见,在最后一个CSS片段中,我尝试(不太熟练地)覆盖前面的片段作为概念证明。问题是:
CSS是否与Regexp标志(如“忽略大小写”和“全局搜索”)兼容?如果是,如何使用它们
另一方面(所有这些的最终目标是得到完全删除包含“autoplay=1”的iframe的CSS代码),CSS可以停止autoplayback吗?据我所知,您不能在CSS中使用实际的正则表达式,只有一个东西叫做,它的工作原理如下:
[attribute^='...'] /* attribute value starts with '...' */
[attribute$='...'] /* attribute value ends with '...' */
[attribute*='...'] /* attribute value contains '...' */
但是你已经在你的第二和第三个选择器中这样做了
至于你的另一个问题
CSS可以停止自动回放吗
不,据我所知不是
您可以使元素不可见,但这不会阻止音频播放。此外,在您的示例中,目前不可能使用CSS“下降”到iframe中。当影子DOM支持进步时,这也许是可能的,但我怀疑它是否能跨源工作 您可能需要JavaScript来检测和停止自动播放的元素,但这也只能在同一个原点工作,因为您无法访问不同原点的帧。
如果页面是同一来源,您也可以从该站点删除自动播放元素
这里唯一的“解决方案”可能是从服务器端获取iframe内容,去掉所有不需要的内容并将结果嵌入到页面中。包含“autoplay=1”的iframe是什么意思?如果帧中包含任何元素且
autoplay=1
?是。包括youtube.com/embed/…&autoplay=1。
[attribute^='...'] /* attribute value starts with '...' */
[attribute$='...'] /* attribute value ends with '...' */
[attribute*='...'] /* attribute value contains '...' */