Question

这是我的网站。 “www.silenttunes.net”。我能够自定义页面上所有元素的CSS，除了一个。 “查看所有活动”。我不知道为什么。有人可以请帮助。下面我提到了我尝试过的所有组合。

 #aside p.tribe-events-widget-link a{
 font-size:12px;
 font-weight:100;
}

 p.tribe-events-widget-link a{
 font-size:12px;
 font-weight:100;
 }

 .tribe-events-widget-link a{
 font-size:12px;
 font-weight:100;
 }

 .tribe-events-widget-link {
 font-size:12px;
 font-weight:100;
 }

Answer 1

使用 Chrome开发者工具检查文档时，我们会在您的文档中看到以下规则。

.tribe-events-adv-list-widget .tribe-events-widget-link a,
.tribe-events-back a,
.tribe-events-list-widget .tribe-events-widget-link a, 
ul.tribe-events-sub-nav a {
    font-size: 15px;
    font-weight: 700;
}

解决方案：像这样添加更多specific CSS rule：

aside.tribe-events-list-widget .tribe-events-widget-link a {
    font-size: 12px;
    font-weight:100;
}

<小时/> 注意：在CSS规则后面添加!important也会增加特定性。但是，只有在没有其他可能性

的情况下，才建议使用此方法

tribe-events-list-widget .tribe-events-widget-link a {
    font-size: 12px !important;
    font-weight:100 !important;
}

自定义wordpress站点中的属性

1 个答案: