Zurb Foundation:根据活动大小设置CSS nth-child(大,中,小)

时间:2014-02-23 09:17:46

标签: css zurb-foundation css-selectors descendant

在大屏幕上我希望每个第7个元素都有一定的边框。在中型屏幕上,我将这些样式应用于每4个。

如何让我的风格成为.small,.medium,.large的后代?

1 个答案:

答案 0 :(得分:1)

首先使用jquery

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

上面你可以通过媒体查询找到每个第7和第4个元素,你可以根据设备宽度添加和删除css属性。

我认为它会对你有帮助......