Пріоритети стилів або ієрархія в CSS

В блоге пользователя Sergunik, который находится по адресу http://www.sergunik.name, нашлась очень полезная информация для разработчиков, а именно о приоритетах стилей в CSS. Часто на это попадаются многие веб-разработчики. Потому думаю будет очень полезно прочитать. Статья на украинском, но думаю проблем ни у кого не возникнет.

Питання на засипку:
Якого кольору буде текст? якщо:

<html>
<head>
   <style type=”text/css”>
      .text_class {color: Red;}
      #text_id {color: Green;}
      div {color: Blue;}
   </style>
</head>
<body>
   <div id=”text_id” class=”text_class”><b>CSS Specificity</b></div>
</body>
</html>

а ось кий він буде: приклад

Чому так?
А тому що в CSS виставляються свої пріоритети на кожен айдішник, клас або елемент.

Отже, перейдемо до чисел.

звичайний елемент (p, div, span):	1
класи (.text_class, .something):	10
ідентифікатор (#text_id):	100
рядковий стиль (style=”color:red”):	1000