CSS:风格nth兄弟

是否可以在纯CSS中设计第n个兄弟？
例如,.child当我在1-st上悬停时,我们可以设置第4或第5个样式.child吗？

    
 1 
    
 2 
    
 3 
    
 4 
    
 5 

更新我想我的问题有点不正确.对不起,请原谅.

我的意思是,我可以为我徘徊的.child的第n个兄弟姐妹定型吗？

即.child在1-st上悬停时的第4个样式.child; .child在2 号位置悬停等时的第5个样式

你当然可以.您可以使用一般的兄弟选择(〜)与组合:hover.

.child:first-of-type:hover ~ .child:nth-of-type(4) {
  color: red;
}

    
 1 
    
 2 
    
 3 
    
 4 
    
 5