Как использовать Стильный, чтобы изменить шрифт в Google Tasks?

Question

Итак, я перенес Arial на Linux из моего прежнего дистрибутива Windows, но мне пришлось бороться с проблемой 12px Arial. Я исправил это, предложив изменить его до 13px, но решил, что на самом деле гораздо больше предпочел Google Calendar в Liberation Sans, чем раньше. Я использовал Stylish, чтобы исправить это для основной части календаря, но я не могу заставить раздел Google Tasks использовать Liberation Sans, потому что он использует гораздо более сложные / странные селекторы CSS. Firebug говорит, что семейство шрифтов в разделе "Задачи" определяется div#:x.tl.Uс HTML

<div id=":x.fc" class="bb" style="height: 165px;">
<div id=":x.tl" class="U Rb">
<table class="v" cellspacing="0" cellpadding="0" style="width:100%">
(lots more nested tds/divs here)
</table></div></div>

но используя

div#:x.tl.U {font-family: "Liberation Sans", Arial, sans-serif !important;}

или даже

div#\3a x\.tl.U {font-family: "Liberation Sans", Arial, sans-serif !important;}

не дает никаких результатов. Для основного раздела (просмотр месяца / 2 недели),

div.st-c-pos {font-family: "Liberation Sans", Arial, sans-serif !important; }

работает нормально (изменяя именно тот элемент, который Google использует для определения семейства шрифтов). Как мне работать с этими селекторами? Я знаю немного CSS, но такая сложность мне не подходит. (Также, если кто-то может объяснить, что означают разные части ".,:" И т. Д....?)

Изменить: Это не только раздел Задачи, в представлении недели также отображается смесь Arial и Liberation Sans. Я также определил семейство шрифтов для элемента body, но, похоже, это не наследует... Какие-нибудь лучшие идеи, чем просто поиск каждого объявления Arial на странице и его замена вручную?

Answer 1

Добавление HTML помогает, хотя, как вы говорите, имя идентификатора довольно странное. Тем не менее, ваш первый выстрел в div#:x.tl.U выглядит правильно для меня, так как он цепочки ID и класса. Поэтому, скорее всего, у внутренних элементов также есть объявление семейства шрифтов Arial, которое переопределяет ваше правило.

Я полагаю, что в качестве теста вы можете попробовать что-то вроде этого, хотя этот вариант кувалды может не подойти в любом случае:

body * {font-family: "Liberation Sans", Arial, sans-serif !important;}

В противном случае посмотрите на внутренние элементы и посмотрите, есть ли у них явные объявления шрифтов.