使用@media查询更改nnth-child（）属性

2013-03-21 56 views -2 likes

-2

我当前正在尝试使用@media查询更改nnth-child（）属性，但出于某种原因，媒体查询未对其产生影响。我正在尝试做这样的事情。使用@media查询更改nnth-child（）属性

@media all (min-width:641px) { 
    .photo:nth-child(4n) { 
     margin: 0 25px 25px 0; 
    } 

@media all (min-width: 1000px) { 
    .photo:nth-child(3n) { 
     margin: 0 25px 25px 0; 
    }

它不是从（4n）改变。

有没有人有任何想法发生了什么？我在看什么？

在此先感谢！

来源

2013-03-21 Adam Espinet

你错过了@ @ media'块的大括号。 – stackunderflow 2013-03-21 08:02:05

你是什么意思？“它不是从（4n）改变。”？你的意思是（4n）仍然生效，你想在第二条规则中取消它？ – BoltClock 2013-03-21 09:07:18

回答

也许你的.photo:nth-child的初始定义是在级联中的媒体查询定义之后，它被覆盖。如果是，请在定义后删除媒体查询或尝试放入!important。

还可以考虑你是否想要min-width或max-width。

这些只是对第一印象的假设。问题还不太清楚......

来源

2013-03-21 08:36:04 swolfish

对不起，我不能说得更清楚，你确实帮我找到了答案。谢谢！ – 2013-03-21 17:28:11

使用@media查询更改nnth-child（）属性

回答

相关问题