Html 我想通过易趣产品列表页面的CSS显示和隐藏div数据

嗨，我想在易趣上显示我的页面。我有一些标签可以正常使用javascript，但eBay不支持javascript，所以我需要通过CSS来实现这一点

 <ul class="infotabs">
   <li><a href="" id="tab1" style="background-color:#000">Payment</a></li>
   <li><a href="" id="tab2">Shipping</a></li>
   <li><a href="" id="tab3">Return policy</a></li>
</ul>


 ///////////////////my multiple div//////////////////////

 <div class="contentwraper" id="newboxes1" name="newboxes">
     <h2>Payment</h2>
 </div>
 <div class="contentwraper" id="newboxes2" name="newboxes">
     <h2>Shipment</h2>
 </div>
 <div class="contentwraper" id="newboxes3" name="newboxes">
     <h2>Policy</h2>
 </div>

///////////////////我的多重div//////////////////////
付款
装运
政策

---

如何使用css实现这一点？

您可以这样做，而且它不需要任何javascript 初见 并考虑这一扩展：

<a href="#div1">Div one</a>
<a href="#div2">Div two</a>
<a href="#div3">Div three</a>
<a href="#div4">Div four</a>

<div id="content">
    <div id="div1">This is div one</div>
    <div id="div2">This is div two</div>
    <div id="div3">This is div three</div>
    <div id="div4">This is div four</div>
</div>

在HTML中，包装器div（#content）是不必要的，只是为了更容易地专门针对它所包含的元素（当然，您可以简单地使用一个类）

---

不幸的是，要添加隐藏功能（隐藏全部，而不是在显示另一个div时仅隐藏同级div），需要一个链接来触发散列更改（以停止与div匹配的：target选择器），而这反过来又需要一个链接（无论是在要显示的每个div中，还是在文档的其他地方，无论是链接到哪里，我都不是CSS专家，因此我将简短地说一下，并向其他在这方面做得更好的人指出：

简单地说，其思想是，例如，检查

复选框

元素的状态，然后应用相应的样式

CSS

.to-be-changed {
   color: black;
 }   

input[type=checkbox]:checked ~ .to-be-changed {
  color: red;
}

标记

<input type="checkbox">
<p class="to-be-changed">I'm going to be red! It's gonna be legen... Wait for it...</p>

我要变红了！要变红了……等等

仅因为您需要一个事件来更改选项卡内容，所以无法使用CSS实现。这是可能的。例如，您可以使用CSS属性检查复选框的状态

：checked

-`input[type=“checkbox”]：checked{}`您可以使用CSS设置div的可见性。要真正隐藏div，您需要Javascript。谢谢@vaibhav它在本地浏览器中工作，但当我把它放在ebay中时，效果并不好。@Attarisoft，我建议您创建另一个问题，在这个问题中，您可以将带有正确CSS的代码放在ebay服务器上上载。如果您能帮我翻译一下，我将不胜感激哦，是我寄的，请查收

<input type="checkbox">
<p class="to-be-changed">I'm going to be red! It's gonna be legen... Wait for it...</p>