html 背景色覆盖元素,html – 更改备用元素css的背景颜色

我想改变替代元素的颜色,但我的代码不起作用.我的代码更改了整个容器元素的颜色.

任何人都可以告诉我在代码中哪里出错？

.pvt-msg-panel {

height: 92vh;

float: left;

margin-top: -20px;

}

#pvt-messages-box {

height: 50vh;

width: 650px;

margin-top: 10px;

margin-left: 10px;

overflow-y: scroll;

}

.pvt-messages-box-item {

padding: 10px;

padding-left: 20px;

position: relative;

display: inline-block;

width: 100%;

color: black;

padding-left: 20px;

font-size: 12px;

cursor: pointer;

}

.pvt-messages-box-item:nth-child(odd) {

background-color: green;

}

.pvt-messages-box-item:nth-child(even) {

background-color: white;

}

message 1

message 2

message 3