Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/33.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/heroku/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html CSS:毫不延迟地加载CSS 我试图在底部的徽标转盘上添加填充物,所以它总是位于屏幕的中间。_Html_Css_Wordpress - Fatal编程技术网

Html CSS:毫不延迟地加载CSS 我试图在底部的徽标转盘上添加填充物,所以它总是位于屏幕的中间。

Html CSS:毫不延迟地加载CSS 我试图在底部的徽标转盘上添加填充物,所以它总是位于屏幕的中间。,html,css,wordpress,Html,Css,Wordpress,但是,当我单击箭头滚动浏览徽标时,填充仅在1秒左右后应用。是否有任何方法可以优先加载此CSS片段?或者我应该在主题的default style.css中编辑一些内容吗 在我使用的WP主题的custom.css中,我将: .et_pb_fullwidth_portfolio .et_pb_carousel_group {width: 80%;} .et_pb_fullwidth_portfolio .et_pb_carousel_group.active { padding-left:10% !i

但是,当我单击箭头滚动浏览徽标时,填充仅在1秒左右后应用。是否有任何方法可以优先加载此CSS片段?或者我应该在主题的default style.css中编辑一些内容吗

在我使用的WP主题的custom.css中,我将:

.et_pb_fullwidth_portfolio .et_pb_carousel_group {width: 80%;}
.et_pb_fullwidth_portfolio .et_pb_carousel_group.active { padding-left:10% !important;}
.et_pb_fullwidth_portfolio .et_pb_carousel_group { padding-left:10% !important;}
非常感谢!

添加左边距而不是左边填充似乎解决了动画过渡的“bug”,并达到了我需要的效果。谢谢@ChristianVarga

CSS总是立即应用。没有什么事情能区分CSS加载的优先级。转换可能会影响时间,但这里的情况并非如此。问题在于你的旋转木马,它可能会在滚动到下一张幻灯片时覆盖填充,并且只有在动画完成后才会删除。我也这么认为……在这种情况下,我如何才能防止旋转木马覆盖它?我还没有仔细研究它来找出实际的问题是什么,但如果你用左边距代替左边填充,它似乎可以解决这个问题。解决了吗?如果没有,那你能说得深一点吗?“我没听懂你的话。”克里斯蒂安瓦尔加非常感谢!左边的边距工作得很好!