CSS/SCSS：有沒有辦法將屬性「重置」爲前一課中設置的屬性？

.row { 
    margin: $margin-variable; 
}

在page.scss我

.row { 
    margin: auto; 
}

我有一個新的SCSS文件，移動page.scss，即覆蓋page.scss與媒體查詢。我希望移動頁面'.row的邊距可以繼承$margin-variable。

有沒有一種方法可以告訴邊界忽略page.scss上設置的值，並繼承在framework.scss上的值？

2017-03-07 MeltingDog

爲什麼你在每個文件中聲明同樣的事情？ – pol

@pol你是什麼意思？ framework.scss隨框架一起提供，我不想直接修改文件。 page.scss是我設計我的頁面上的.row，mobile-page.scss是該頁面的移動版本。 – MeltingDog

我想你只需要兩個SCSS文件：一個用於「默認」本身，另一個用於「移動」本身。顯然，'mobile-page.scss'是爲你的手機設計的。現在，您必須選擇使用哪一個作爲「默認」：'framework.scss'或'page.scss'。讓他們三人只會讓事情變得複雜。 – ITWitch

上mobile.scss使用

.row{ 
    margin: $margin-variable; 
}

不要忘了框架樣式表後添加這個樣式表。

2017-03-07 04:57:45 Aslam

這樣做的兩種方式，都應該在你的page.scss不是framework.scss，因爲我認爲框架文件是你的默認框架類。 page.scss還必須framework.scss之後被加載，以便成功地覆蓋框架的類：內本身

.row { 
 
    margin: 0 auto; 
 
    @media screen and (max-width: $your-margin-variable) { 
 
    margin: $something-else; 
 
    } 
 
}

使用特異性把你的媒體查詢在該行類在所有你的CSS結束所以進一步覆蓋一上來上面：

@media screen and (max-width: $your-margin-variable) { 
 
    .row { 
 
    margin: $something-else; 
 
    } 
 
}

2017-03-07 06:56:49

回答