我有这个CSS:
<style type="text/css">
.tab {
display: none;
}
.tab:target {
display: block;
}
</style>
Run Code Online (Sandbox Code Playgroud)
这个HTML:
<div class="tab_container">
<ul class="tabs">
<li><a href="#updates-list">List</a></li>
<li><a href="#updates-map">Map</a></li>
</ul>
<ul class="tab list" id="updates-list">
Eh.. Hello!
</ul>
<div class="tab map" id="updates-map"></div>
</div>
Run Code Online (Sandbox Code Playgroud)
但是,如果未#
指定目标(在URL中)并且尚未单击任何选项卡,则我的页面为空.我想ul#updates-list
默认显示.
我怎样才能做到这一点?谢谢.
更新:在此旁边,如果Google地图不是初始目标,我的Google地图就会被破坏.有谁知道修复?