안녕하세요 선생님 도와주세요 버전 및 색상 선택 시 오류가 발생했습니다. 두 번째 선택 시 기본 옵션 색상이 원래 색상으로 돌아가지 않습니다.-PHP 중국어 네트워크 Q&A

<!DOCTYPE html>

<html>

<head>

<title>红米6A立即购买—작은/제목>

<style>

*{패딩: 0;여백: 0;목록-스타일: 없음;텍스트-장식: 없음;}

/*头*/

.header-lr{너비:100%;높이: 50px; 상자 그림자: 0px 10px 10px #ccc;여백 상단: 10px;국경 상단: 2px 단색 #ccc;}

.header-lr-box{너비: 1226px; height: 50px;margin:0 auto;}

.header-lefts li{width:70px;height: 50px;float: left;text-align: center;line-height: 50px;}

.header-lefts li a{색상: #23262E;글꼴 크기: 14px;글꼴 무게: 없음;}

.header-right{float: 오른쪽;}

.header-right li{float: 왼쪽; 너비: 70px;높이: 50px;줄 높이: 50px;텍스트 정렬: 중앙;}

.header-오른쪽 범위{float: 왼쪽;줄 높이: 50px; 색상: #aaa;글꼴 크기: 12px;}

.detail-img{너비: 1226px;여백: 0 자동;}

.detail-img h6{글꼴 크기: 16px;글꼴 무게: 굵게;여백 : 10px auto;float: left;}

/*主要内容*/

.content-box{width: 1226px;margin: 30px auto;}

.content-box-left{width: 560px; 높이: 600px;float: 왼쪽;}

.content-box-right{너비: 600px;float: 오른쪽;}

.content-box-right p{color: #aaa;margin: 10px auto;}

.content-box-map{너비: 100%; 높이: 100px;배경: /*rgba(51,51,51,0.2)*/#fafafa;여백: 20px 자동;테두리: 1px 단색 #ccc;}

.content-box-map 범위{디스플레이: inline-block;margin-top: 10px;margin-left: 15px;}

.content-box-map i{위치: 상대;왼쪽: 12px;}

.content -box-money .rls{테두리: 1px 솔리드 #FF8200;}

.content-box-money div{너비: 255px;높이: 50px;text-align: 센터;플로트: 왼쪽;테두리: 1px 솔리드 #ccc; 줄 높이: 50px;패딩: 0px 20px;}

.content-box-money 범위{float: 오른쪽;색상: #ccc;}

.content-box-money p{글꼴 크기: 18px;색상: #333;여백: 15px 0px;}

.content-box-color p{글꼴 크기: 18px; 색상: #333; 여백: 15px 자동;}

.content-box-color div{너비:255px ; 높이:50px ;float: 왼쪽;패딩:0px 20px;text-align: center;line-height: 50px;border:1px solid #ccc;}

.content-box-color 범위{display:inline-block;height: 16px;width: 16px;border-radius: 8px;margin-right: 10px;}

.content-bz-box0 p{float: left; 글꼴 크기: 18px; 색상: #333;여백: 20px 0px;}

.content-bz-box0 a{float: right;font-size: 14px; 여백: 20px 0px; 색상: #ff8200;}

.content-bz-box1{너비: 598px;높이: 150px;테두리: 1px 단색 #ccc;}

.content-bz-box1 스팬{플로트: 왼쪽;너비: 10px;높이 : 10px;line-height: 10px;border-radius: 6px;display: inline-block;margin: 60px auto;margin-left: 40px;}

.content-bz-box1 img{float: left;margin: 50px 20px;}

.content-bz-p{마진: 40px 자동;}

.content-bz-p p{마진: 10px 자동;}

.content-bz-p 스팬{float: 오른쪽;마진: 0px;여백-오른쪽:20px; 색상: #ccc;너비: 50px;}

.content-bz-btn{color:rgba(0,0,0,0);border: 1px 단색 #ccc;}

.content-zs{너비: 100 %; 높이: 130px;배경: #f9f9f9;margin-top: 30px;}

.content-zs div{margin: 0px 30px 20px;height: 50px; 줄 높이: 30px; }

.content-zs p {float: 왼쪽;}

.content-zs 범위{float: 오른쪽;line-height: 50px;}

.content-box-color .rls{테두리: 1px 단색 #FF8200;}

.content-box-money,.content-box-color{너비: 600px;}

.shop-che{너비: 240px;높이: 50px;text-align: 중앙;줄 높이 : 50px;배경: #FF5722;색상: #FFF; }

</style>

</head>

<body>

<div class="menu"> ;

<li>

<a href="#">작은米商城</a><span>|</span>

<span>|

<li>

<li>

<li>

<a href="#">小爱分享平台</a>< 스팬>|</span></li>

<li>

<li>

<li>

<li>

<a href="#">SelectRegion</a>

</li>

</ul>

<ul>

<li>

<li>

<li>

</li>

<div>购物车中还没有商product，赶紧选购吧！</div>

</li>

</ ul>

</div>

</div>

<li>小米手机

< div class="mi-box1">

<br />

<a href="#">small米2s</a>

<br />

</div>

<br />

<br />

</div>

<br />

<br />

</div>

<br />

<a href="#">small米2s</a>

<br />

</div>

</div>

</li>

<li>红米

<br />

<br />

</div>

< div class="mi-shop">

<br />

<br />

</div>

<br />

<br />

</div>

<br /> ;

<br />

<a href="#" style=" color: #FF8200;">3299원