css - 使用 @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.

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