помогите разобраться в css

[realtor]

Помогите разобраться в стилях!
в общем ситуация такая... выделил в тексте один фрагмент таким образом <span id="TEXT">Почему именно мы?</span>  стиль соответственно
#TEXT {
   color:#0070B0;
   font-family:Trebuchet MS;
   font-size:14px;
   }
Понадобилось потом еще несколько кусочков выделить таким же образом, но задавать тот же id вроде как неправильно(на сайте то отображается нормально, но при проверке на валидность пишет, что ошибка)   .
Задал class... и нифига не получается. заданный стиль абзаца перебивает class.
как сделать сделать так, чтобы class перебил абзац(p)?

[snegovik]

Сделай только класс, id убери совсем.
<div class="TEXT">Почему именно мы?</div>

стиль соответственно
.TEXT {
   color:#0070B0;
   font-family:Trebuchet MS;
   font-size:14px;
   }

[Clever]

В css есть еще такое свойство как порядок важности документа.
1)
Самый важный это тот который стоит в html. В данном случае это будет так:
span id="TEXT" style="color:#0070B0;  font-family:Trebuchet MS; font-size:14px;">Почему именно мы?</span>
но такой код засоряет страницу хоть и валидный.

2)
Есть также !important; эта приставка дает понять что важнее в css документе.

<span id="TEXT">Почему именно мы?</span>
.TEXT {
   color:#0070B0 !important;
   font-family:Trebuchet MS;
   font-size:14px;
   }
3) то что было написано автором вопроса.
плюс еще есть родительский тег .
Если выше этого спана есть див допустим с классом .mytext , то стиль будет такой:
.mytext.TEXT {
   color:#0070B0 !important;
   font-family:Trebuchet MS;
   font-size:14px;
   }
или обращение к элементу а не классу:
.mytext span {
   color:#0070B0 !important
   font-family:Trebuchet MS;
   font-size:14px;
   }

[realtor]

!important;  помог!!! Спасибо!