重載HTML CSS元素

Question

我最近增加了一個Photoswipe畫廊到我的網站，應用了下面的CSS：

html {overflow-y:scroll;overflow-x:auto;} 

現在的問題是，因爲這個溢出的全屏畫廊滾動，但它應該適合顯示在屏幕上，不要滾動。我不想使用jQuery將其刪除，因爲我在此頁面上遇到了jQuery問題。

我想：

<style type="text/css"> 
html {} 
</style> 

沒有運氣。我還能做些什麼來移除它？

Answer 1

你可以試試這個，例如：

<style type="text/css"> 
html 
{ 
overflow-y:auto !important; 
overflow-x:auto !important; 
} 
</style> 

Answer 2

你的CSS代碼段不歸零插件的風格，簡單宣佈一個新的規則，沒有任何風格，你需要明確設置的溢出值一些

<style type="text/css"> 
    html { 
     overflow-x:auto; 
     overflow-y:auto; 
    } 
</style> 

只要這段代碼問題來了代碼之後，級聯應該重寫第一樣式，！重要的是不需要（或一個很好的做法）。

另外，你可能想要使用不同的溢出值，因爲我不確定你的插件是如何工作的。可能的值是可見的，隱藏的，滾動，汽車，繼承

編號：https://developer.mozilla.org/en-US/docs/CSS/overflow