Почему срабатывает не то CSS правило?

Статус
В этой теме нельзя размещать новые ответы.

xintrea

Новичок
Почему срабатывает не то CSS правило?

Здравствуйте!


Есть два CSS правила, в следующем порядке:

Код:
.tinymce p, span 
{ 
 margin: 0; 
 padding: 0; 
}

.text_font_block_code
{
 font-family: 'Courier New', Courier, monospace;
 font-size: 10pt;
 color: #993300;
 margin-left: 20px; 
 margin-right: 20px; 
 padding: 10px;
 background-color: #EFEFF5;
}
Есть вот такой HTML-код:

Код:
<div class="tinymce">
 ...
 <p class="text_font_block_code">
  printf("Hello world\n");<br/>
  exit(0);
 </p>
 ...
</div>
Проблема в том, что строки с кодом отображаются с атрибутами {margin: 0; padding: 0;}.

Я не пойму, почему не применяется второе правило?

Почему первое CSS-правило главнее второго?

Вот готовый текст HTML-файла для экспериментов: http://paste.org.ru/?qgq5q7.
 

fixxxer

К.О.
Партнер клуба
!important спасет отца русской демократии.

а для понимания ответа на вопрос "почему" надо читать спецификацию css, но ты вроде отказывался это делать, если мне память не изменяет
 

Fortop

Новичок
Я не пойму, почему не применяется второе правило?
Если кратко, то -
Оно(второе правило) применяется первым.
Потому что первое правило выбирает элементы по 2м критериям .tinymce p, а второе всего по 1му.

Как результат первое правило забивает результат второго.
 

xintrea

Новичок
Автор оригинала: fixxxer
!important спасет отца русской демократии.
Как оно может спасти, если important перечеркивает весь каскад правил? Оно может помочь только в простых/специальных случаях, но никак не в общем случае.


а для понимания ответа на вопрос "почему" надо читать спецификацию css, но ты вроде отказывался это делать, если мне память не изменяет
Конечно отказываюсь это делать на английском языке. Я русский знаю и немецкий в школе учил. Мне что, для изучения CSS вначале английский надо выучить? Таким советчикам я рекомендую сразу проследовать на йух.

-~{}~ 13.06.10 03:11:

Автор оригинала: Fortop
Если кратко, то -
Оно(второе правило) применяется первым.
Потому что первое правило выбирает элементы по 2м критериям .tinymce p, а второе всего по 1му.

Как результат первое правило забивает результат второго.
Ну в общем, помогло прописывание "p.text_font_block_code" вместо ".text_font_block_code".
 

newARTix

Новичок
[off]че там учить... я инглиш выучил по играм и бейсику на zx-spectrum... в начальных классах школы...В принципе, на том уровне он и остался :-/[/off]
Про приоритеты правил CSS пишут и в обычных книжках на великом могучем. "p.text_font_block_code" как раз адекватное решение, странно что никто его сразу не предложил, все-таки верстальщиков тут мало :)
 

Fortop

Новичок
Конечно отказываюсь это делать на английском языке. Я русский знаю
Это печально.
Я уже жалею что дал вам пояснения. Терпеть не могу лентяев и бездарей.
 

Фанат

oncle terrible
Команда форума
Тема закрыта.

Создание тем с названиями из ЗАГЛАВНЫХ букв, с оскорбительным содержанием, нецензурными выражениями и др. запрещено правилами форума.
Правила форума: http://phpclub.ru/talk/announcement.php?s=&forumid=12
 
Статус
В этой теме нельзя размещать новые ответы.
Сверху