Hallo Lehrer, bitte helfen Sie mir. Bei der Auswahl der Version und Farbe ist mir die Standardfarbe nicht zurückgekehrt.

<!DOCTYPE html>

<html>

<head>

<title>红米6A立即购买 – 小米商城</title>

<style>

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

/*头*/

.header-lr{width:100%;height: 50px; box-shadow: 0px 10px 10px #ccc;margin-top: 10px;border-top: 2px solid #ccc;}

.header-lr-box{width: 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{color: #23262E;font-size: 14px;font-weight: none;}

.header-right{float: right;}

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

.header-right span{float: left;line-height: 50px; Farbe: #aaa;Schriftgröße: 12px;}

.detail-img{width: 1226px;Rand: 0 automatisch;}

.detail-img h6{Schriftgröße: 16px;Schriftstärke: fett;Rand : 10px auto;float: left;}

/*主要内容*/

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

.content-box-left{width: 560px; height: 600px;float: left;}

.content-box-right{width: 600px;float: right;}

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

.content-box-map{width: 100%;height: 100px;background: /*rgba(51,51,51,0.2)*/#fafafa;margin: 20px auto;border: 1px solid #ccc;}

.content-box-map span{display: inline-block;margin-top: 10px;margin-left: 15px;}

.content-box-map i{position: relative;left: 12px;}

.content -box-money .rls{border: 1px solid #FF8200;}

.content-box-money div{width: 255px;height: 50px;text-align: center;float: left;border: 1px solid #ccc; line-height: 50px;padding: 0px 20px;}

.content-box-money span{float: right;color: #ccc;}

.content-box-money p{font-size: 18px;color: #333;margin: 15px 0px;}

.content-box-color p{font-size: 18px; Farbe: #333; margin: 15px auto;}

.content-box-color div{width:255px ; height:50px ;float: left;padding:0px 20px;text-align: center;line-height: 50px;border:1px solid #ccc;}

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

.content-bz-box0 p{float: left; Schriftgröße: 18px; Farbe: #333;Rand: 20px 0px;}

.content-bz-box0 a{float: right;font-size: 14px; Rand: 20px 0px; Farbe: #ff8200;}

.content-bz-box1{width: 598px;height: 150px;border: 1px solid #ccc;}

.content-bz-box1 span{float: left;width: 10px;height : 10px;Linienhöhe: 10px;Rahmenradius: 6px;Anzeige: inline-block;Rand: 60px auto;margin-left: 40px;}

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

.content-bz-p{margin: 40px auto;}

.content-bz-p p{margin: 10px auto;}

.content-bz-p span{float: right;margin: 0px;margin-right:20px; Farbe: #ccc;width: 50px;}

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

.content-zs{width: 100 %; Höhe: 130px;Hintergrund: #f9f9f9;margin-top: 30px;}

.content-zs div{margin: 0px 30px 20px;height: 50px; Zeilenhöhe: 30px; }

.content-zs p {float: left;}

.content-zs span{float: right;line-height: 50px;}

.content-box-color .rls{border: 1px solid #FF8200;}

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

.shop-che{width: 240px;height: 50px;text-align: center;line-height : 50px;Hintergrund: #FF5722;Farbe: #FFF; }

</style>

</head>

<body>

<div class="menu"> ;

<li>

<li>

<li>

<li>

<li>

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

<li>

<li>

<li>

<li>

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

</li>

</ul>

<ul>

<li>

<li>

<li>

</li>

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

. </li>

</ ul>

</div>

</div>

<li>小米手机

< div class="mi-box1">

<br />

<br />

</div>

<br />

<br />

</div>

<br />

<br />

</div>

<br />

<br />

</div>

</div>

</li>

<li>红米

<br />

<br />

</div>

< div class="mi-shop">

<br />

<br />

</div>

<br />

<br />

</div>

<br /> ;

<br />

</div>

</div>

</li> ;

<li>路由器

<br />

<br />

</div>

<br />

<br />

</div>

<br />

<br />

</div>

<br />

<br />

</div>

</div>

</li>

< / ul>

</div>

</form>

</div>

<ul>

<li>

</li>

<li>

</li>

</ul>

< / div>

<ul>

<li>

</li><span> ;|</span>

<li>

</li><span>|</span>

<li>

</li><span>|</span>

<li>

</li><span>|</span>

<li>

</li>

</ul> ;

</div>

< ;div class="layui-carousel" id="test1">

</div>

& lt; / div> processor / 5,45 "kompakt Vollbild / 13 Millionen Hochdefinition Kamera /" kleine Weiden Taille "Körper & lt; / p & gt;

30px;" & gt; 599 & lt; / H2 & gt;

"& lt; ;Peking Peking-Stadt Dongcheng-Bezirk Yongdingmenwai-Straße <a href="#" style="color: #FF8200;">Ändern</a></span> ;<br. />

<div class="detail_much_left" style= "margin-right: 5px;">4G+ 64G Full Netcom<span data-val="599">599</span></div>

+ 64G Full Netcom<span data-val="699">699</span></div>

;

</div>

<p>选择小米提供的保障服务< /p>

<a href="#">了解保障条款</a>

</div>

< ;div class="content-bz-box1">

</div>

</div> ;

</div>

<div class="content-bz-box1" > /images/bz.jpg">

<p style= "font-size: 18px; color: #000;">Service für defekten Bildschirmschutz</p>

<p>Der Telefonbildschirm ist versehentlich kaputt gegangen</p>

<b class="fa fa-check -square content-bz-btn"></b> Ich habe gelesen <a href="#"> Nutzungsbedingungen </a>|<a href="# "> Nutzungsbedingungen </a>

</div>

" ></div> ;

jg">699 Yuan</span> </div>

<p id="tojg" style="color:#FF6A00;font-size: 25px;margin-left: 30px;"> ;Gesamt : 699 Yuan</p>

;p>< ;i class="fa. fa-check-circle-o"> ;</i> 7 Tage ohne Fragen < i class="fa fa-check-circle-o"></ i> 15-tägiger Ersatz bei Qualitätsproblemen <i class="fa fa-check-circle-o"></ i> 365-Tage-Garantie</p>

/div>

</div>

<h6>Besondere Anweisungen</h6>

<h6>Offizieller WeChat</h6>

</div>

<div class="for-li"> ;

<a href="#"><i class="fa fa-wrench"> Buchen Sie einen Reparaturservice</i><span>|</span></a> ;

<a href="#"><i class="fa fa-rotate-right"> 7 Tage keine Fragen</i><span>|</span> a>

<a href="#"><i class="fa fa-refresh"> 15 Tage kostenloser Umtausch</i><span>|</ span></ a>

<a href="#"><i class="fa fa-gift"> Kostenloser Versand</i><span>|< ;/span></a>

<a href="#"><i class="fa fa-map-marker"> Mehr als 520 Kundendienststellen</i>< /a>

</ div>

</div>

<dl>

<dt>Hilfecenter</ dt> ;

<dd>

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

</dd>

<dd>

<a href="#" > Einkaufsführer</a>

</dd>

<dd>

<a href="#">Bestellvorgänge</a>

</dd>

</dl >

</dd>

<dd>

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

</dd>

<dd>

<a href ="#">Ähnliche Downloads</a>

</dd>

</dl>

<dl>

<dt>Offline-Shops</dt>

< ;dd> ;

<a href="#">Xiaomi Home</a>

</dd>

<dd>

<a href="#">Servicestellen </a> ;

</dd>

<dd>

<a href="#">Authorized Experience Store</a>

</dd>

</ dl>

< ;dl>

<dt> Über Xiaomi /dd>

<dd>

<a href="#">Treten Sie Xiaomi bei</a>

</dd>

<dd> ;

<a href="# ">Investor Relations</a>

</dd>

</dl>

<dl>

<dt>Folgen Sie uns</dt> ;

<dd>

<a href="#">Sina Weibo</a>

</dd>

<dd>

<a href="#"> Offizielles Weibo< /a>

</dd>

<dd>

<a href="#">Kontaktieren Sie uns</a>

</dd>

</dl> ;

<dl>

<dt>Spezialisierte Dienstleistungen</dt>

<dd>

</dd>

<dd>

<a href="#">礼物码</a> ;

</dd>

<dd>

</dd>

</dl>

< ;div class="for-content">

<p class="suorg-1">周一至周日8:00–18:00 Uhr Spanne> 联系客服</button>

</div>

<ul>

<li>小米天猫QIJ< ;span></span></li>

<li>Region auswählen</li>

</ul>

</div>

Beijing ICP-Zertifikat Nr. 110507

<a href= " #">Peking ICP Nr. 10046444</a>

<a href="#">Peking Public Network Security Nr. 11010802020134</a>

</a>

<br> Melde-Hotline für illegale und schädliche Informationen: 185-0130-1238, die auf dieser Website aufgeführten Daten, sofern nicht anders angegeben, alle Die Daten stammen aus unseren Labortests

</div>

</div>

<div class="font">Entdecken Sie schwarze Technologie, Xiaomi ist für Fieber geboren! </div>

</div>

</body>

layui.use('carousel', function(){

var carousel =layui.carousel;

//Instanz erstellen

carousel. render({

elem: '#test1'

,width: '560px' //Containerbreite festlegen

,height:'600px'

,arrow: 'always' //Den Pfeil immer anzeigen

/ /, anim: 'updown' //Animationsmodus wechseln

});

</script>

//Standardmäßige erste Version Methode zum Ersetzen des Klassennamens

$( document ).ready(function(){

//Erhalte die Klasse eq traversal (0) beginnend bei 0 (die die erste darstellt) und ersetze den Klassennamen durch .content-box-bb rls

$(".detail_much_left ").eq (0).attr("class",".detail_much_left rls")

$(".content-color-left").eq(0).attr("class",".content-color -left rls")

//Klicken Sie auf die ausgewählte Version

$(".detail_much_left").click(function(){

$(".detail_much_left").attr("class",". detail_much_left")

$(this).attr("class",".detail_much_left rls")

})

//Klicken Sie, um die Farben zu wechseln

$(".content-color-left"). click(function(){

$(".content-color-left").attr("class",".content-color-left")

$(this).attr("class",". content-color-left" rls ")

})

</script>

</html>

Time2152 Tage vor1547

Hallo Lehrer, bitte helfen Sie mir. Bei der Auswahl der Version und Farbe ist mir die Standardfarbe nicht zurückgekehrt.

Antworte allen(4)Ich werde antworten