CSS ~ 选择器怎么选择多个类

nihsdf 2016-03-09 10:57:02


CSS文件
.score_1:checked ~ .star_1 { background: url(images/icon_star_orange.png) no-repeat; }
.score_2:checked ~ .star_1 .star_2 { background: url(images/icon_star_orange.png) no-repeat; }
.score_3:checked ~ .star_1 .star_2 .score_3 { background: url(images/icon_star_orange.png) no-repeat; }

帮忙看看这个css语法有错吗?
我想实现
score_1选中后,.star_1改变背景(可以起作用)
score_2选中后,.star_1和.star_2都改变背景
score_3选中后,.star_1和.star_2、.star_3都改变背景这样的联动效果
可是就score_1选中后可以起效果。后面2个都没效果

请问是不是我语法写错了?
...全文
351 2 打赏 收藏 转发到动态 举报
写回复
用AI写文章
2 条回复
切换为时间正序
请发表友善的回复…
发表回复
潇湘忆梦 2016-03-09
  • 打赏
  • 举报
回复
类选择器间无空格,并列关系
slwsss 2016-03-09
  • 打赏
  • 举报
回复
多个类用逗号分开

61,112

社区成员

发帖
与我相关
我的任务
社区描述
层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。
社区管理员
  • HTML(CSS)社区
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧