Zurb Foundation：根据活动大小（大、中、小）设置 CSS nth-child

【问题标题】：Zurb Foundation: Set CSS nth-child depending on active size (large, medium, small)Zurb Foundation：根据活动大小（大、中、小）设置 CSS nth-child
【发布时间】：2014-02-23 09:17:46
【问题描述】：

在大屏幕上，我希望每 7 个元素都有一个特定的边框。在中型屏幕上，我不希望这些样式每 4 次应用一次。

如何使我的样式成为 .small、.medium、.large 的后代？

【问题讨论】：

标签： css zurb-foundation css-selectors descendant

【解决方案1】：

第一次使用jquery

$( "element:nth-child(7)" ).addClass("seventh_child");
$( "element:nth-child(4)" ).addClass("fourth_child");

您现在可以在媒体查询的帮助下找到每 7 个和第 4 个元素，您可以根据设备宽度添加和删除 css 属性。

我想它会帮助你...

【讨论】：