HTML结构
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<link rel="stylesheet" href="./css/02-reset.css">
<link rel="stylesheet" href="./css/style.css">
</head>
<body>
<!-- 简单写个大盒子分大三栏 -->
<div class="cart">
<!-- 购物车头部 -->
<div class="cart-head clearfix">
<div class="col col-check u-l">
<input type="checkbox" id="all" class="check">
<label for="all">全选</label>
</div>
<div class="col col-img u-l"> </div>
<div class="col col-name u-l">商品名称</div>
<div class="col col-price u-l">单价</div>
<div class="col col-num u-l">数量</div>
<div class="col col-sum u-l">小计</div>
<div class="col col-action u-r">操作</div>
</div>
<!-- 购物车列表 -->
<div class="cart-list">
<!-- 商品块 -->
<div class="list-item">
<div class="item-box ">
<div class="col col-check u-l">
<input type="checkbox" class="check single">
</div>
<div class="col col-img u-l">
<img src="./images/1.jpg" alt="">
</div>
<div class="col col-name u-l">8848 移动版 4GB+64GB 千峰蓝</div>
<div class="col col-price u-l">8888元</div>
<div class="col col-num u-l ">
<div class="change-goods-num">
<a href="javascript:;" class="jia