我正在尝试更改 div 内的奇数 div 的样式。由于某种原因，当 nth-of-type(odd) 位于另一个 div 内时，它会影响我的所有 div。这是我的常规 div 和奇数 div 的代码：
1
1058.video-entry-summary {
width: 214px;
height: 210px;
margin-left: 10px;
float: left;
position: relative;
overflow: hidden;
border: 1px solid black;
}
.video-entry-summary:nth-of-type(odd) {
width: 214px;
height: 210px;
margin-left: 0px;
float: left;
position: relative;
overflow: hidden;
border: 1px solid black;
background: #ccc;
}
video 1video 2video 3video 4
出于某种原因，nth-of-type 在包裹在我的 div 内时不起作用，但在它们未包裹在任何 div 内时却起作用。
未包裹在 div 内时的工作版本：
.video-entry-summary {
width: 214px;
height: 210px;
margin-left: 10px;
float: left;
position: relative;
overflow: hidden;
border: 1px solid black;
}
.video-entry-summary:nth-of-type(odd) {
width: 214px;
height: 210px;
margin-left: 0px;
float: left;
position: relative;
overflow: hidden;
border: 1px solid black;
background: #ccc;
}
video 1video 2video 3video 4
如何使初始代码与上面的代码一样工作？
Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
收藏
