ワードプレスサイトの属性をカスタマイズする

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; 
}