I have this CSS code for my CSS template that I use personally, but for some reason this part in the code for the chat box that shows up on your page isn't working. Does anyone have any advise?

/*CHAT
/* Even Numbered Messages */
.s-chat-message:nth-child(even){
background: rgba(0,0,0, 1) !important;
color: rgba(0,0,0, 1) !important;
border: none !important;
}
/* Odd Numbered Messages */
.s-chat-message:nth-child(odd){
background: rgba(0,0,0, 1) !important;
color: rgba(0,0,0, 1) !important;
border: none !important;
}
/* Pinned Message */
.s-chat-message__pinned{
background: rgba(0,0,0, 1) !important;
color: rgba(0,0,0, 1) !important;
border: none !important;
}
/* Timestamps */
.s-chat-message_timestamp{
color: #824B46 !important;}
#chatMessageContainer {border: none !important;}
/* Channel Button */
button#label_currentChannel {
background: rgba(0,0,0, 1) !important;
color: rgba(0,0,0, 1) !important;
border: none !important;**}*/