CSS class not applying to - html

Question

I want to apply the CSS class washes_times_links to the html below, but for some reason it's not working.
.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">
1 time a week
2 times a week
</p>

Answer 1

It looks fine.
Inspect on the css attributes in this: [https://jsfiddle.net/nf0a5gq7/][1] and you will see that all css attributes have been applied, but you're missing 'border' attribute (in .washes_times_links a:last-child), and this is why you can't see the border..

Answer 2

Generally speaking in a way to be useful for whoever cross by here.
To apply style in odd/even selector:
.class_name a:nth-child(odd) {
background-color: #ffff99;
}
.class_name a:nth-child(even) {
background-color: #b8d1f3;
}
To apply radius/style for first/last selector:
.class_name a:first-child {
border-radius: 5px 5px 0 0;
}
.class_name a:last-child {
border-radius: 0 0 5px 5px;
}
all together :
HTML
<p class="class_name">
1st row
2nd row
3rd row
4th row
</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?