CSS：刪除特定的樣式，但實際上並未從CSS文件中刪除它

我正在嘗試調動網頁。我保留大部分當前樣式，但我也想要覆蓋或刪除其他樣式。我知道!important會覆蓋樣式，但是如果我只是想將當前頁面中的特定樣式完全刪除而不從樣式表中刪除它，該怎麼辦？CSS：刪除特定的樣式，但實際上並未從CSS文件中刪除它

例如，如果我想從元素的樣式中刪除width或min-width，但我不想指定另一個width。我正在使用jQuery Mobile，它負責處理很多這些樣式。

在這個例子中，我將有文件Styles.css和StylesMobile.css，其中Style.css將有以下：

.buttonStyle { 
    width: 100px; 
    text-align: left; 
}

而StylesMobile.css有：

.buttonStyle { 
    height: 10%; 
    color: Red; 
}

我仍然希望text-align: left;從Styles.css，但不是寬度（與StylesMobile.css一起）。

重置它你可能想看看[CSS媒體查詢]（https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Media_queries）。這樣，使用不同類型的屏幕和使用特定的樣式更容易。 – Aeveus

在StylesMobile.css中，您只需要覆蓋寬度：寬度爲100px：auto;刪除寬度屬性。 –

CSS media queries是你在找什麼。

在這種情況下，你寫了一個寬度的例子。如果您想覆蓋移動樣式表中的寬度，只需使用width: auto即可。或者僅爲高於任何像素的分辨率設置寬度（如上所述，媒體查詢）。

2014-06-19 18:56:13 panther

你可以嘗試使用特異性，使按鈕樣式stylemobile更specfic如.aclass .anotherclass .buttonStyle，並應覆蓋正常按鈕樣式

2014-06-19 18:55:48 user3211522

默認值width是auto。所以你可以通過指定width:auto !important

2014-06-19 18:56:58

回答