更新網站的現有設計，使用CSS

Question

如果此計劃值得與否，我希望得到意見。 我有一個現有的網站，一些元素有一個CSS類定義。 我以爲我會說有一類新的類中的每個元素追加：

<div class="existingClass"> 

會變成：

<div class="existingClass newClass"> 

然後，如果我想在「existingClass」覆蓋任何屬性，我會在「newClass」中這樣做（因爲最後一個類屬性被採用了？）。 我這樣想，沒有什麼會打破的，所以我不會冒任何風險，因爲我沒有刪除「existingClass」。

這個計劃有什麼問題嗎？

Answer 1

事實上，這似乎是一個好方法，如果你不想亂編輯已經寫好的CSS。

您必須掌握的是CSS優先規則，也稱爲CSS特異性。

關於它的一些好文章：

• Specifics on CSS Specificity。
• CSS Specificity: Things You Should Know

這是重要的，因爲當你想改變一種風格，這樣的機會只會如果你遵循適當這些準則是可見的。如果你不這樣做，那麼在渲染你的頁面時你會遇到一些麻煩。

Answer 2

首先知道什麼是現有類。寫newClass以這樣的方式，它不會打破布局。要知道現有類別中的內容，請使用螢火蟲等工具來節省時間。