！

可憐的老！這是不必要的，創造了一場維護噩夢，並對級聯的空心嘲笑。我從未考慮過使用！多年來很重要，直到我發現了一個非常好的用途：印刷樣式表。

。

>讓我們假裝要創建一個圖像庫。盡最大努力尊重漸進式增強的理想，我們首先確保圖像包含在HTML列表中。最終，我們希望使用JavaScript創建淡入淡出/淡出的幻燈片效果，但我們的基礎是一列圖像。如果訪問者被禁用了JavaScript，那就是他們所看到的。

>

好吧，到目前為止很好。但是，當我們製作打印樣式表時，我們會發現計劃中的缺陷：當您使用JavaScript動畫HTML元素時，您不可避免地會修改元素的樣式屬性。在我們的幻燈片節目中，JavaScript改變了圖像的位置和不透明度，因此一次只揭示了圖像。當我們去打印圖庫頁面時，儘管我們想要一列圖像，但最終打印的內容只是一個圖像。這是因為您無法指定在元素樣式屬性中聲明的CSS的目標媒體類型；您不能說在樣式屬性中聲明的所有樣式僅適用於屏幕。

>

>因此，您需要的是指定可以覆蓋內聯樣式的打印樣式的方法。只有一種方法可以做到：！重要。在您的打印樣式表中，重置圖像元素的位置和不透明度，然後添加！

img.gallery {
  position: static !important;
  opacity: 1 !important;
}

確實如此；我找到了合法用途！

以上是！的詳細內容。更多資訊請關注PHP中文網其他相關文章！