提问者:小点点

一个页面中的Html+Css用于切换按钮,而不使用javascript


正如标题所说,我是一个尝试将Html与Css合并的新手,因为我正在使用的网站(getresponse)不允许我上传不同的。Css文件。 当然我做错了什么,但是下面是HTML:

   `    <div>   <a href="#show"class="show">[Show]</a>
        <a href="#hide"class="hide">/ [Hide]</a>
        <div style="display:none" hover="display:block">>Content</div>
   </div>

`下面是。css:

#cont {display: none; }
          .show:focus + .hide + #cont {display: block;}

我该怎么做? 我尝试先编写。css,但没有。 提前谢谢你。

附注。 这将在业务页面中使用。 很抱歉设置了格式


共1个答案

匿名用户

style标记中添加CSS代码:

<style>
#cont {display: none; }
          .show:focus + .hide + #cont {display: block;}
</style>