Question

我正在尝试将以下样式更改应用于reddit小部件：

1）将字体更改为Oxygen Mono（CSS中的！important覆盖不适用于字体，尽管它适用于链接颜色）

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

3）防止widget_arrows.gif显示在小部件中。

有什么想法吗？

@import url(http://fonts.googleapis.com/css?family=Oxygen+Mono);
 html {
    font-family:'Oxygen Mono', Tahoma, Arial, sans-serif;
}
#reddit {
    width:900px;
    margin:auto;
    font:'Oxygen Mono' !important;
}
#reddit a:link, #reddit a:visited, #reddit a:hover, #reddit a:active {
    color:gray !important;
}

Answer 1

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

至于其余部分，只需使用元素检查器选择它们并修复它们：

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

Updated fiddle

设置reddit小部件的样式

1 个答案: