Я не использую Sifr, поэтому я не знаю точно, как это работает. Я предполагаю, что код создает код CSS следующим образом:
h1.sifr { color: #666666; font-size: 29px; }
body.about h1.sifr { color: #FFFFFF; font-size: 29px; }
Если это так, это переопределит стиль цвета для заголовка на странице about, поскольку селектор для второй строки более специфичен, чем селектор в первой строке.
Подробнее о специфичности можно прочитать здесь .
Если это не работает, это потому, что в вашем коде есть что-то, что выглядит не так, как вы думаете, и вполне может быть что-то в какой-то другой части вашего кода, которую вы не показали здесь это вызывает проблему.
Вы можете использовать плагин Firebug в Firefox для проверки элементов на странице, чтобы точно определить, какой CSS влияет на каждый элемент.