被忽略的特定css類

有一段時間，儘管在加載的樣式表中正確定義了css規則，但它將被忽略，並且正確地針對標記中出現的類。有沒有人遇到過這個問題，任何人都可以解釋發生了什麼？被忽略的特定css類

您將無法重現該問題，但是考慮到後面，從標記/ SCSS粘貼：

.test-footer { 
 
\t display: none; 
 
\t background: red !important; \t \t 
 
} 
 
\t 
 
.test-footer { 
 
\t display: none; 
 
}

<footer class="test-footer"></footer>

最上面的規則，什麼也沒做（我加了紅色的重要！只是爲了確保它沒有被覆蓋）。然後，沒有改變任何其他的東西，我添加了第二個相同的規則，這是沒有問題的榮幸。

我已經經歷過這幾次了 - 不是那麼頻繁，它已經進入我的手忙腳亂的名單，尋找什麼時候CSS錯誤，但往往足以在過去一年，我已注意到。

我正在使用Coda 2，並在運行OSX El Capitan的Mac上工作。另外，我正在使用Coda sass插件進行編譯。

這個行爲在瀏覽器中是一致的，編輯樣式表的其他部分產生了預期的結果。如上所述，我檢查了一下，並且正確的CSS始終存在 - 其中一部分被忽略。

我的解決方案不應該工作，那爲什麼呢？那麼，這個問題不應該首先出現，那爲什麼呢？

更新：

我啓用隱藏人物，看看他們是否可能是罪魁禍首，像範尼Helderman以下建議，但我什麼也沒找到。最後我不得不說謊。畢竟，我解決了我的問題，即使這個「解決方案」是一個神奇的僥倖，或者說問題所在，而這個問題同其他問題一樣，都是出於對知識的好奇心。我現在沒有回答這個問題，認爲當它再次發生時，我會更新任何調查結果。

來源

2017-08-30 rigsvaaben

你期望發生哪些沒有發生..你設置顯示：無..所以頁腳不可見..？ –

就像我說的，你將無法重現這一點。在我的項目中，儘管有第一條規則，該頁腳仍可見：它使用重複規則隱藏了頁腳。 – rigsvaaben

嘗試清除瀏覽器緩存和sass預編譯器使用的sass緩存？ –

我唯一會遇到的問題是樣式表中的語法錯誤導致全部後續規則被忽略。錯誤規則之前的規則仍然有效。

另一種可能性可能是存在不可見字符（例如U+200B）;嘗試配置文本編輯器以顯示不可打印的字符。

來源

2017-08-30 11:54:56

這是一個有趣的可能性。我懷疑它可能是在我使用編輯器發生的事情，但隨着加載CSS看着吧，我沒有進一步investgate。我必須嘗試。謝謝！ – rigsvaaben

被忽略的特定css類

回答

相關問題