Как размер этого текста с CSS?

Question

У меня проблемы с размером шрифта в CSS. Ниже вы видите, что у меня есть .post У меня есть теги, которые вложены в класс post, поэтому должен ли работать css, который у меня есть для тегов pre, ниже? Это не работает, но я не могу понять, почему? Текст в моих предварительных тегах в итоге получается 15px вместо 12px

.post {
    width: 100%;
    clear: both;
    padding: 10px 0;
    border-bottom: #CBCBCB 1px solid;
    background: url(images/post_element.gif) no-repeat 126px 21px;
    font-family: arial;
    font-size: 15px;
}

.post pre{
    font-size: 12px;
}

Answer 1

http://monc.se/kitchen/38/cascading-order-and-inheritance-in-css

.post pre{
  font-size: 12px !important;
}

Должно работать, но чтобы ответить на ваши квесты, нам нужно просмотреть все html + css, потому что это действительно зависит ...

Answer 2

В вакууме этот код должен работать. Однако базовый стиль тегов может варьироваться от браузера к браузеру, и <pre> имеет тенденцию быть немного странным. Моя первая мысль: какой-то другой стиль переопределяет его.

Использовали ли вы Firebug (или какую-либо другую консоль разработчика), чтобы взглянуть на применяемые стили и вычисленный стиль для элемента? Это должно поставить вас на правильный путь.

Answer 3

Это была странная проблема, мне пришлось в конечном итоге изменить класс и размер шрифта для всего остального текста, всего, кроме пре-тегов, чтобы он окончательно прекратил изменение размера после загрузки страницы из моей подсветки синтаксиса JS