Хочу с помощью GreaseMonkey переопределить стили на веб-странице, чтобы сайт отображался как мне надо.
Для этого пишу такой скрипт:
function AddStyle(cssStr){
var n = document.createElement('style');
n.type = "text/css";
n.innerHTML = cssStr;
document.getElementsByTagName('head')[0].appendChild(n);
}
AddStyle(" .monthDay { min-height: 110px } .thisPeriod {margin-top: 0px; margin-bottom: 0px;} .filterPanel {margin-top: 0px; margin-bottom: 0px;}");
Проблема в том, что мой вставленный тэг со стилем почему-то в итоге располагается не самым последним элементов внутри тега head, а где-то посередине, то есть после него возникают какие-то другие стили, переопределяющие мой. Из-за чего мой стиль срабатывает только наполовину.
Как сделать, чтобы он гарантированно переопределял любые стили элементов, то есть всегда был в самом конце?