CSS之前悬停在元素上
作者：互联网
2026-04-08
HTML教程
我想通过CSS创建星级.当用户将悬停最后一颗星时,那颗星前的所有星星都必须有另一种颜色,例如：我将悬停minStar3,然后minStar1,minStar2和minStar3必须有不同的颜色.
您可以使用Flexbox创建它,并使用flex-direction更改元素的顺序：row-reverse.您还可以使用
~通用兄弟选择器来选择悬停元素之后的所有兄弟元素. .rating { display: inline-flex; flex-direction: row-reverse;}i { width: 20px; height: 20px; margin: 5px; border: 1px solid black; transition: all 0.3s ease-in;}i:hover ~ i,i:hover { background: black;} 相关推荐
