jquery - 将 CSS 样式应用于右侧的最后一个元素?

标签 jquery css

我使用此代码删除第三个元素(缩略图)的边距:

$j('.project:nth-child(3n)').addClass('odd-element');

enter image description here

我开始使用媒体查询来使网站移动就绪,但我遇到了这个问题:

enter image description here

当屏幕拉伸(stretch)时,类不再需要应用到第三个元素,而是应用到第二个元素:

是否有任何方法可以修改上面的 jQuery 代码,使其类似于:将类应用到右侧的最后一个元素?

最佳答案

你想用 JS 做这个吗?

我会这样做:

.project { float:left;margin-left:20px }
.projectParent { margin-left:-20px }

给你。不要添加右边距,只需添加左边距并将容器向左移动几个像素即可。

不涉及 js!

//编辑:哦,是的,你摆脱了所有灵活的盒子问题!

关于jquery - 将 CSS 样式应用于右侧的最后一个元素?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7294789/

相关文章:

javascript - 如何在 jquery 中从其他基于组的索引设置事件类一个组元素?

javascript - 自动检查复选框以匹配 ajax 调用中的结果

Jquery .on ('click' , function() 根据当前类在 3 个类之间切换

javascript - 这个空的空间是从哪里来的?

c# - CSS 不适用于电子邮件正文

javascript - 为什么我的抵押贷款计算器显示的小数点位置不正确?

javascript - 如何检查每个输入属性(如果类型为 radio 并已选中)

javascript - getBoundingClientRect 知道一个元素是否在一个特定的垂直点之上

html - 宽度为 :0; height:0; 的可悬停元素

html - 使用 Jquery 的滚动菜单