[已解决, 大家可以参考!] 网页中的 Css Style 语法如何达到...

frank

  找一部电影, 找到片断, 有一个站点暂停时候, 出现推荐相关的界面, 查了一下, 是 Css filter blur 模糊语句, 在 F12中可以点击复选框取消, 但在 uBO 中怎么也不起效, 请问怎样才能达到 下图中那样开关的效果...

##video[style="filter: blur(5px);"]

##div[style="filter: blur(5px);"]

##.xplayer-overlay-menu>video[style="filter: blur(5px);"]

一灯

uBO不是用来CSS的，最多是隐式去掉元素而已。
如果想单纯CSS它，可以安装Stylus插件做专业做的事，然后
.xplayer-overlay-menu video {filter:initial}
如果覆盖内联样式就加!important提高权重，
如果内联样式有!important就只能用脚本麻烦点处理，
得先能够拿到那个元素(注意静态动态)，
然后对其  cssText+=`CSS` 或者 style.某个属性=`值`

coult3

设置为 none

S8F8ry

针对给出的图片，你可以尝试下这样写：

1. ##.xplayer .overlay-menu-opened > video:style(filter: none !important)

复制代码

frank

一灯 发表于 2023-10-18 14:51
uBO不是用来CSS的，最多是隐式去掉元素而已。
如果想单纯CSS它，可以安装Stylus插件做专业做的事，然后
.xp ...

多谢回复! 只是想简单的过滤掉元素, 因为暂停看不到画面, 其他那种 隐式去掉元素 很好用, 就是这个 blur 无论 插件 还是 您说的 style.某个属性=`值` 都无效, Console 用 JS 给它赋值成功, 但画面就是无效果, 只能在 F12 鼠标点击 那个蓝色复选框才能有效...

frank

coult3 发表于 2023-10-18 15:18
设置为 none

没有 css 插件, 只能过滤元素...

frank

S8F8ry 发表于 2023-10-18 18:13
针对给出的图片，你可以尝试下这样写：

试了, 还是无效, 只能那个蓝色复选框起作用...

hxxps://zh.xhamster.com/embed/7131635

S8F8ry

frank 发表于 2023-10-19 05:25
试了, 还是无效, 只能那个蓝色复选框起作用...

上面写的规则中多了个空格，试了下这样写是有效的：

1. xhamster.com##.xplayer-overlay-menu
   
2. xhamster.com##.xplayer.overlay-menu-opened > video:style(filter: none !important)

复制代码

frank

S8F8ry 发表于 2023-10-19 12:01
上面写的规则中多了个空格，试了下这样写是有效的：

完美解决! 多谢超版! 超级版主超级厉害, 有一个小小问题, 就是两个规则 第一个 前缀  的域名可以省略, 因为我之前已经弄好了, 就是第二个规则 这个 前缀  的域名 不加还是无效, 只有加了域名这个前缀后才生效,  不知道怎么回事! 不过已经无关大局, 再次感恩 感谢 超版...

S8F8ry

frank 发表于 2023-10-19 21:05
完美解决! 多谢超版! 超级版主超级厉害, 有一个小小问题, 就是两个规则 第一个 前 ...

插件本身限制 ":style()" 的规则必须指定主机名才允许生效。