css删除li圆点_[网页编程]HTML+CSS+JavaScript购物车搭建实操

.nav{height: 30px;background-color: #f1f1f1;}.warp{width: 1000px;margin: 0px auto;}.nav_ul1,.nav_ul2 li{float: left;}.nav_ul1 li{float: left;line-height: 30px;margin-right: 20px;
}.nav_ul1 a,.nav_ul2 a,.nav_ul2 span{font-size: 12px;color: gray;}.nav_ul2{float: right;}
.nav_ul2 li,.nav_ul2 span{line-height: 30px;margin-left: 15px;}
.nav a:hover{color: red;}/*搜索框开始*/.search{margin-top: 20px;}.search img{/*清除之前的样式*/clear: both;float: left;}.search_div{float: right;margin-top: 25px;}
.search_text{width: 265px;height: 21px;border: 3px solid #c91623;position: relative;left: 4px;top: -1px;
}.search_but{width: 51px;height: 29px;background-color: #c91623;border: 0px;color: #FFFFFF;}/*搜索框结束*//*标题开始*/
.title{margin-top: 130px;}.title h3{float: left;font-size: 23px;color:#c91623 ;
}.title div{float: right;font-size: 14px;color:gray ;
}
/*标题结束*//*显示菜单的开始*/
.tips{width: 1000px;height: 50px;background-color: #f1f1f1;margin-top: 165px;border: 1px solid #e9e9e9;}.tips li{float: left;line-height: 50px;font-size: 12px;color: gray;}.tips li:nth-child(1){width: 90px; border-top: 3px solid #c91623 ;}.tips li:nth-child(2){margin-left: 80px;}.tips li:nth-child(3){margin-left: 430px;}.tips li:nth-child(4){margin-left: 70px;}.tips li:nth-child(5){margin-left: 110px;}.tips li:nth-child(6){margin-left: 50px;}/*显示菜单的结束*//*商品详情展示开始*/
.info{width: 1000px;height: 125px;background-color: #fff4e8;border: 1px solid gray;margin-top: 30px;border-top: 3px solid gray;
}.info li{float: left; margin-top: 20px;
}
.info a{font-size: 12px;color: #333333;}
.info_1{margin-left: 23px;}
.info_2{margin-left: 15px;border: 1px solid gray;}
.info_3{width: 270px;height: 20px;}.info_4{margin-left: 45px;}
.info_5{margin-left: 70px;}
.info_6{margin-left: 40px;
}
.info_6 input{width: 30px;height: 12px;text-align: center;position: relative;top: -2px;left: -5px;}.info_6 button{width: 30px;height: 18px;
}
.bot{position: relative;left: -10px;
}
.info_7{width: 120px;}/*商品详情展示结束*//*结算模块开始*/.balance{width: 1000px;height: 50px;border: 1px solid gray;margin-top: 30px;}.balance_ul1,.balance_ul1>li,.balance_ul2>li{float: left;line-height: 50px;margin-left: 14px;}
.balance_ul2{float: right;
}.butt{width: 100px;height: 50px;background-color: #C91623;border: 0px;color: #FFFFFF;font-size: 20px;font-weight: bold;}.balance span{font-size: 25px;color: #C91623 ;font-weight: bold;
}.balance_ul2 li:nth-child(1){width: 120px;}.balance_ul2 li:nth-child(2){width: 150px;}
/*结算模块结束*/

//获得所有的多选框对象
var fav&＃61;document.getElementsByName("fav");//判断是否全选操作
function checkTest1(th){var flag &＃61;th.checked;for(var i in fav){fav[i].checked&＃61;flag;}}
//单选决定全选操作
function checkTest2(){var flag &＃61;true;for(var i&＃61;1;ifunction checkTest3(th,sig){var pre;if(sig&＃61;&＃61;"1"){//获得下一个节点pre&＃61;th.nextElementSibling; if(Number(pre.value)>0){//获得节点的value值pre.value&＃61;Number(pre.value)-1;}}else {//获得上一个节点对象pre&＃61;th.previousElementSibling;//获得节点的value值pre.value&＃61;Number(pre.value)&＃43;1;}//计算每一个商品总的价格//获得每一个商品的单价var val&＃61;pre.parentNode.previousElementSibling.innerHTML;//计算总的价格var zong &＃61;Number(val)*Number(pre.value);//把总的价格赋值给指定的对象pre.parentNode.nextElementSibling.innerHTML&＃61;"&＃xffe5;"&＃43;zong;}//删除指定的节点
function checkTest4(th){//获得父节点divvar div&＃61;th.parentNode.parentNode.parentNode;div.remove();}