为什么通用CSS选择器(*)会覆盖内联样式？

我正在使用一个内部管理工具,该工具在Javascript上运行,其核心CSS文件中包含以下内容:

* {
    font-family: Helvetica, Verdana, Arial, sans-serif;
}

根据我的研究,这将是最低水平的特异性.任何东西都会覆盖那个设置.

我的目标是更改整个页面上的字体以提高易读性.我正在使用Python/Selenium webdriver和Firefox来修改标签的样式设置,这会导致以下内联HTML:

document.getElementsByTagName("body")[0].style = "font-family:Lucida Fax;";

更改将传播到工作表.但是,字体不会改变.在"计算"视图下,我看到以下内容:

font-family: Helvetica,Verdana,Arial,sans-serif;
------------------------------------------------
*             > Helvetica,Verdana,Arial,sans-serif   core.css;
BODY[1].style > Lucida Fax                           element;

当我*在进行更改后在Firefox Inspector中禁用CSS属性时,将发生字体更改.所以有些东西会覆盖我的内联样式更改.

我作为最终用户处于黑盒环境中,因此我无法解释所发生的一切.这是否是由于主动运行的Javascript迫使样式表先于内联样式而引起的？

标记上的"样式"属性仅影响正文中的内容.所有不同

body { font-family: Whatever; }
*, *::before, *::after { font-family: inherit; }