Javascript 内部html不使用我的链接样式表

我试图创建一个脚本，将我的页眉和页脚插入到我的所有页面中，但插入的html不使用我的链接样式表。当我试图对我的图片提出特定的风格要求时，我发现了这一点

我在谷歌上到处找了找，但什么都没找到。我尝试注入一种风格，但没有任何效果（它使页脚消失）

函数页脚（iHome）{
让footer=document.getElementsByTagName（“footer”）[0]；
让html=`JoJo Studio 2019

`;
footer.innerHTML=html；
log（html）；
}
功能显示（第页）{
页眉（页）；
让iHome=页面==“主页”；
页脚（iHome）；
}
页脚（真）
正文{
背景：#000；
}
.页脚链接{
颜色：#fff；
}
.footer链接：悬停{
颜色：rgb（255、221、153）；
}
使用DOM方法
.createElement
和
.appendChild
而不是
.innerHTML=html\u block
。像这样的

function footer(isHome) {
    const footer = document.getElementsByTagName("footer")[0];
    let el = document.createElement('p');
    el.innerHTML = 'oJo Studios 2019';
    footer.appendChild(el);
    el = document.createElement('div');
    el.className = 'links';
    let anchor = documeent.createElement('a');
    anchor.href = 'https://www.youtube.com/channel/UCUwHObXqdY0OC3c3gNDkKFw';
    //other attributes
    el.appendChild(anchor);
    footer.appendChild(el);
    //and so on
}

我发现它可以很好地使用DOM方法，比如
.appendChild
。我如何在页脚中使用appendChild@Alexkudryashev在设置
innerHTML
时，不需要appendChild。我发现innerHTML并不总是在某个地方使用样式表。我对此感到困惑@TowkirI看到css已经开始工作了。非常感谢。然而，我的png图像仍然没有改变颜色，当我在网上寻找改变图像颜色时，一些关于过滤器的东西出现了。您是否知道过滤器是否是更改png图像颜色的方法@阿列克库德里亚舍夫