Как переопределить универсальный селектор размера шрифта в IE6 - PullRequest
3 голосов
/ 16 апреля 2010

У меня проблема в приложении на основе ExtJS, однако я не считаю, что проблема связана с ExtJS (я могу ошибаться, но подозреваю, что нет).

Проблема в том, что у меня есть универсальный селектор вот так:

* {
  font-family : arial;
  font-size : 10pt;
  font-weight : bold;
}

Позже у меня есть некоторая разметка (сгенерированная ExtJS), как видно из Firebug:

<td class="x-date-active" title="">
  <a tabindex="1" class="x-date-date" hidefocus="on" href="#">
    <em>
      <span>20</span>
    </em>
  </a>
</td>

Это одна из дат в виджете календаря. Теперь проблема в том, что мне нужно настроить размер шрифта в тесте внутри. Итак, я попытался переопределить классы x-date-active и x-date-date, вот так:

.x-date-active { семейство шрифтов: arial; размер шрифта: 8pt; цвет: # ff0000; }

То же содержание для класса x-date-date. Красный цвет работает, поэтому я знаю, что нацеливаюсь на правильный стиль. Однако размер шрифта НЕ вступает в силу, размер, указанный в универсальном селекторе, продолжается. Это происходит только в IE6, работает как и ожидалось в Firefox. Я попытался добавить! Важный для атрибута font-size, но это не помогает.

Есть ли проблема с переопределением универсального селектора в том, что касается размеров шрифта в IE? Я провел около двух часов, бездействуя. Любая помощь будет признательна!

1 Ответ

2 голосов
/ 16 апреля 2010

Вы настраиваете себя на мир боли, используя универсальный селектор, но попробуйте добавить следующий код внизу вашего файла CSS:

.x-date-active * { font-size: 8pt; }
...