怎样编写html购物车结算页面 原生JS实现购物车结算功能

原生JS实现购物车结算功能

@charset "utf-8";

*{margin:0;padding:0;list-style-type:none;}

a{color:#666;text-decoration:none;}

table{border-collapse:collapse;border-spacing:0;border:0;}

body{color:#666;font:12px/180% Arial, Helvetica, sans-serif, "新宋体";}

clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}

.clearfix{display:inline-table}

*html .clearfix{height:1%}

.clearfix{display:block}

*+html .clearfix{min-height:1%}

.fl{float:left;}

.fr{float:right;}

.catbox{width:940px;margin:100px auto;}

.catbox table{text-align:center;width:100%;}

.catbox table th,.catbox table td{border:1px solid #CADEFF;}

.catbox table th{background:#e2f2ff;border-top:3px solid #a7cbff;height:30px;}

.catbox table td{padding:10px;color:#444;}

.catbox table tbody tr:hover{background