css class嵌套
2024-08-30 18:06:32
css 代码:
<style>
.chose_bonus {
font-size:9px;width:400px;border: 2px solid #dddddd;margin-top:5px;margin-bottom:5px;padding:9px;background:#ecf3fc; color:#FFF;
}
.chose_bonus.active{
//.chose_bonus .active{ 之前是这么写的,不通,后换成上面的方式,就OK 了
background: #ecf3fc url(/ui/common/images/checked-blue.png) no-repeat right bottom;
border: 2px solid #467cbd;
}
</style>
JS代码:
<script type="text/javascript">
$('.chose_bonus').click(function(){
if ($(this).hasClass("active")) {
$(this).removeClass("active");
}else{
$(this).addClass("active");
}
})
</script>
html代码:
<tr class="bonus">
<th width="120">可选红包</th>
<td >
<!--{loop $bonuslist['list'] $key $bonus}-->
<div class="chose_bonus" id="{$bonus['id']}">
<span style="font-weight:bold;color:#000;">红包:</span><b style="color:#fbb450;">金额{$bonus['total_value']}元 剩余:{$bonus['balance_value']}元</b> <br/>
<span style="font-weight:bold;color:#000;">时效:</span><span style="color:#000;font-weight:bold;"> {$bonus['start_time']}~{$bonus['end_time']} </span><br/>
<span style="font-weight:bold;color:#000;">规则:</span><span style="color:#000;"> {$bonus['rule_value']}</span>
</div>
<!--{/loop}-->
</td>
</tr>
最新文章
- mysql 创建存储过程报错
- Untiy3D - 窗口界面2
- Linux任务调度命令(轻松管理Linux)
- python操作mongodb之五大量写操作
- mybatis 语句共享
- 安装apache2.4.10
- HDU-3622 Bomb Game 2sat
- String类(C++练习二)
- [转] 使用SQL脚本查看表空间使用率和使用dba_tablespace_usage_metrics视图的差别
- ASP.NET - 匹配标签中的内容
- 好记性不如烂笔头85-spring3学习(6)-BeanFactory 于bean生命周期
- webpack快速掌握教程
- Java 调用Azure认知服务Demo--Computer API
- 什么是事务?事务特性?事务隔离级别?spring事务传播特性?
- nginx反向代理proxy_pass的问题
- EasyUi 复杂多表头设置
- Hadoop项目开发笔录
- CSS3 Flexbox可视化指南
- GreenDao3使用完全解析
- VMware 15 Pro密钥