大佬教程收集整理的这篇文章主要介绍了使用 !important 覆盖内联 CSS 不起作用,大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
Link to image visualizing my problem
我试图覆盖图片中突出显示的内联样式。我试过使用 CSS !important 如下:
1)
group.buttonizer-group-0-0-1 [style]{
display:flex !important;
}
group.buttonizer-group-0-0-1 div[样式]{ 显示:弹性!重要; }
group.buttonizer-group-0-0-1 { 显示:弹性!重要; }
不幸的是,上述选项均无效。是否有任何其他 CSS 或 Js 代码片段我可以尝试将此元素的 display:block 更改为 display:flex?
编辑
我尝试遵循在按钮正确定位的意义上起作用的 CSS:
div[ID^="gb-Widget"],.buttonizer-group-0-0-1{
display:flex !important;
}
然而,那个 CSS 覆盖了我的 Js:
jquery(document).ready(function($){
// This is a little Hack: Wait until the menu button exists and then hIDe it
var checkExist = setInterval(function() {
if ($(".buttonizer-group-0-0-1").length) {
$(".buttonizer-group-0-0-1").hIDe();
clearInterval(checkExist);
}
},10);
// Check the scroll status of the window and fade in the menu button accordingly
$(function () {
$(window).scroll(function () {
if ($(this).scrolltop() > 850) {
$(".buttonizer-group-0-0-1").fadeIn();
} else {
$(".buttonizer-group-0-0-1").fadeOut();
}
});
});
});
暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!
如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。
小编邮箱:dio#foxmail.com (将#修改为@)
以上是大佬教程为你收集整理的使用 !important 覆盖内联 CSS 不起作用全部内容,希望文章能够帮你解决使用 !important 覆盖内联 CSS 不起作用所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。