我想改变替代元素的颜色,但我的代码不起作用.我的代码更改了整个容器元素的颜色.
任何人都可以告诉我在代码中哪里出错？
.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;
}Box">
最佳答案
使用第一个子选择器时,br标签将尝试选择偶数选择器.尝试使用nth-of-type选择器然后你去！
看看这个,让我知道你的反馈.谢谢！
.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-of-type(odd){
background-color: green;
}
.pvt-messages-Box-item:nth-of-type(even){
background-color: white;
}
Box">
