本文实例为大家分享了js实现商品筛选功能的具体代码,供大家参考,具体内容如下
应用场景:商品筛选
* {
margin: 0;
padding: 0;
list-style: none;
text-decoration: none;
}
.choose {
width: 500px;
height: auto;
margin: auto;
}
.choose nav {
height: 50px;
background-color: red;
}
.choose nav span {
margin: 0 5px;
}
.choose .show {
color: red;
}
.choose ul li {
border: 1px solid black;
}
.choose ul li a {
box-sizing: border-box;
display: inline-block;
width: 40px;
border-left: 1px solid black;