Explicitly re-defined style rule

In CSS stylesheets, order is important. If you define a rule and then you re-define the same rule, the last definition is used.

#section { font-weight: bold; }
.redtext { color: red; }
/* other rules */
/* other rules */
/* other rules */
.redtext { font-weight: normal; }

<div id="section">
This is bold,
<span class="redtext"> this is normal and red,</span>
and bold again
</div>

To avoid this kind of error, try to define rules only once for a certain selector, and group all rules belonging to that selector.

以上節錄自我目前在翻譯的文件，此部分說明重複定義規則者後發者勝，但舉出的例子似乎怪怪的？有人能告訴我他想說明什麼嗎？

To avoid this kind of error,
我覺得他舉的例子不算error

作者應該是想說明當兩個 selectors' specificity 一樣的時候, 在後面的會作用...
但例子肯定是舉錯了, 因為即使把 .redtext { font-weight: normal; } 放到 #section 的 declaration 之前, span element 裡的文字的 font-weight 還會是 normal 啊...

#section { font-weight: bold; }
.redtext { color: red; }
/* other rules */
/* other rules */
/* other rules */
.redtext { color: green; }

<div id="section">
粗體、
<span class="redtext">正常紅字？</span>
又見粗體
</div>

我覺得應該照原作者的。

就是這些 rule 都沒有重複，所以看起來好像沒有問題。但我想原作者他訴求的重點，就是這不容易發現的地方。原本在 section 裏應該要 bold，可是加上 redtext 後變成 normal，看起來像是 error。

當然他的解釋不是很清楚，不太明瞭他的建議實際指的是什麼。但如果只是同一個 rule 重複出現兩次，那問題就太簡單，不太像是在這要解釋的。