CSSクラスが適用されない

Question

CSSクラスwashes_times_linksを下記のhtmlに適用したいのですが、何らかの理由で動作しません。

.washes_times_links a { 
 
    display: block; 
 
    padding: 15px; 
 
    padding: 13px; 
 
    text-align: center; 
 
    color: #3b524b; 
 
    font-size: 15px; 
 
    text-transform: capitalize; 
 
} 
 

 
.washes_times_links a:nth-child(odd) { 
 
    background-color: #fff; 
 
} 
 

 
.washes_times_links a:last-child { 
 
    border-radius: 0 0 5px 5px 
 
} 
 

 
.washes_times_links a:hover { 
 
    color: #fff; 
 
    background-color: #12be9c; 
 
}

<p class="washes_times_links"> 
 
    <a href="http://hairactivation.com/male-hairloss-treatment/#wash-hair-less-5-days-week">1 time a week</a> 
 
    <a href="http://hairactivation.com/male-hairloss-treatment/#wash-hair-less-5-days-week">2 times a week</a> 
 
</p>

Answer 1

それは正常に見えます。 これでCSS属性を確認してください：[https://jsfiddle.net/nf0a5gq7/][1]すべてのcss属性が適用されていますが、あなたは 'border'属性（.wash_times_links a：last-child）がありません。国境を参照してください。

Answer 2

一般的に言えば、ここで交差する人には便利です。全て一緒に

.class_name a:first-child { 
    border-radius: 5px 5px 0 0; 
} 
.class_name a:last-child { 
    border-radius: 0 0 5px 5px; 
} 

：

最初/最後のセレクタの半径/スタイルを適用する

.class_name a:nth-child(odd) { 
    background-color: #ffff99; 
} 
.class_name a:nth-child(even) { 
    background-color: #b8d1f3; 
} 

：奇数/偶数セレクタにスタイルを適用する

HTML

<p class="class_name"> 
    <a href="#1">1st row</a> 
    <a href="#2">2nd row</a> 
    <a href="#3">3rd row</a> 
    <a href="#4">4th row</a> 
</p> 

CSS

.class_name a { 
    /* default links styles */ 
} 
.class_name a:nth-child(odd) { 
    background-color: #ffff99; 
} 
.class_name a:nth-child(even) { 
    background-color: #b8d1f3; 
} 
.classname a:first-child { 
    border-radius: 5px 5px 0 0; 
} 
.class_name a:last-child { 
    border-radius: 0 0 5px 5px; 
} 
.class_name a:hover { 
    color: #fff; 
    background-color: #12be9c; 
} 

Tip: How do I ask a good question?