2019年4月29日下雨
这是智能手机侧充值页面的选择按钮。 单击当前按钮更改颜色。 一开始是用css的hover鼠标移动效果写的。 后来意识到不行,焦点消失的话风格也会下降。 我想以后用js写一个,但是用js写不了。 我只能做一点jq。
html代码部分:
关键字: jia//添加样式
建//原样式
前//拼音钱,只为了更直观
head style.Jia { border :2 px solid # 2095 ecff; color: #2095ECFF; } div { box-shadow :0 px1px 10 px0px rgba (171、171、171、0.29; border-radius: 10px; 后台: # FFf; width: 100%; height :自动; margin-bottom: 3%; } .前{ background : # fff; border-radius: 10px; Overflow :自动; } .千里{文本-对齐:中心; width: 28%; height: 35px; line-height: 35px; border-radius: 10px; 浮点:左; margin: 2% 2% 2% 2%; border :2 px固态# 2095 ecff; color: #2095ECFF; }/style/headbodydivulclass=' Qian ' Li class=' Jian ' 100/Li Li class=' Jian ' 200/Li Li class=' Jian ' 500/Li CLI class
jq代码部分:
$('#qian li ' ).click(function ) ) $(this ).removeclass('Jian ' ); $(this ).siblings ) (Li ).removeclass ) ) Jia ); $(this ).siblings ) (Li ).addclass ) ) Jian ); $(this ).addclass('JIA ); }然后单击li时, jia确实添加到了html代码中,但样式无效。 然后,我意识到只要删除原来风格中的这两个部分就可以了。 在实际项目中,所有样式都是外部链引用的css,只有jia和jian被卸载到html中。
这是前端优先级问题吗? 外链css文件的样式将复盖jq添加的样式