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

Question

我目前正在尝试使用@media查询更改nth-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）。

有没有人知道最新情况？我在看什么吗？

提前致谢！

Answer 1

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

还要考虑您是否需要min-width或max-width。

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