Читать статью Приоритеты стилей или иерархия в CSS. Статьи по HTML и CSS!-Зона бесплатного сервиса для студентов и учащихся.

Зона бесплатного сервиса для студентов и учащихся!

ZonServis.narod.ru

All students to respect!

КОЕ КАКИЕ СТАТЬИ

УЧЕБНИКИ

Хочешь познать что-нибудь – погрузись в это с головой.
Пауло Коэльо

Статьи по HTML и CSS

Приоритеты стилей или иерархия в CSS:

  В блоге пользователя Sergunik, который находится по адресу 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

вимірюється цей рейтинг (як каже мануал) в поінтах (points).

тобто, якщо ми опишемо такий стиль:

div.text_class {color: Red;}

то він буде мати рейтинг 1+10=11

Понятно, что стиль описан с высоким рейтингом отображается на мониторе, а с наименьшим игнорируется.

Поделись ссылкой на страницу с друзьями-

Сайт создан в 2011 г. © Все права на материалы сайта принадлежат его автору! Копирование (полное или частичное) любых материалов сайта возможно только с разрешения автора(zheka290990@mail.ru)!

Сайт создан в системе uCoz