1. 首頁
  2. 問答
  3. 使用@media查詢更改nnth-child（）屬性

使用@media查詢更改nnth-child（）屬性

2013-03-21 50 views
-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

+1

你錯過了@ @ media'塊的大括號。 – stackunderflow 2013-03-21 08:02:05

+1

你是什麼意思？「它不是從（4n）改變。」？你的意思是（4n）仍然生效，你想在第二條規則中取消它？ – BoltClock 2013-03-21 09:07:18

回答

1

也許你的.photo:nth-child的初始定義是在級聯中的媒體查詢定義之後，它被覆蓋。如果是，請在定義後刪除媒體查詢或嘗試放入!important。

還可以考慮你是否想要min-width或max-width。

這些只是對第一印象的假設。問題還不太清楚......

來源

2013-03-21 08:36:04 swolfish

+0

對不起，我不能說得更清楚，你確實幫我找到了答案。謝謝！ – 2013-03-21 17:28:11

相關問題

 相關問題