Html 设置reddit小部件的样式

Html 设置reddit小部件的样式,html,css,fonts,Html,Css,Fonts,我正在尝试对reddit小部件应用以下样式更改: 1) 将字体更改为Oxygen Mono(CSS中的!重要覆盖不适用于字体,尽管它适用于链接颜色) 2) 修剪小部件的顶部以完全消除蓝色条 3) 防止小部件中显示widget_arrows.gif 有什么想法吗 当然可以覆盖字体,只需指定正确的格式-如果只更改字体系列,请使用font-family。调试工具中的简单外观也显示为“由于无效属性值而忽略规则” 至于其余部分,只需使用元素检查器将其选中并修复即可: /* Style the ancho

我正在尝试对reddit小部件应用以下样式更改:

1) 将字体更改为Oxygen Mono(CSS中的!重要覆盖不适用于字体,尽管它适用于链接颜色)

2) 修剪小部件的顶部以完全消除蓝色条

3) 防止小部件中显示widget_arrows.gif

有什么想法吗


当然可以覆盖字体,只需指定正确的格式-如果只更改字体系列,请使用
font-family
。调试工具中的简单外观也显示为“由于无效属性值而忽略规则”

至于其余部分,只需使用元素检查器将其选中并修复即可:

/* Style the anchors specifically for CSS specificity */
#reddit a {
    font-family:'Oxygen Mono' !important;
}
.reddit-header, .reddit-voting-arrows {
    display:none !important;
}

.

谢谢!非常优雅,比我想象的简单多了。您使用了哪些调试工具来查找无效的属性值?内置于浏览器或JSFIDLE?Chrome中,右键单击,检查元素,查看右栏中的CSS规则。
/* Style the anchors specifically for CSS specificity */
#reddit a {
    font-family:'Oxygen Mono' !important;
}
.reddit-header, .reddit-voting-arrows {
    display:none !important;
}