我有这个CSS：
<style type="text/css">
.tab {
display: none;
}
.tab:target {
display: block;
}
</style>
而这个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>
但是，如果没有指定目标(URL中的#)，并且还没有单击任何选项卡，我的页面是空的。我想默认显示ul#updates-list。
我该怎么做？谢谢。
更新：在此之前，如果不是初始目标，我的Google地图已损坏。有谁知道修复？
解决方法
自发地，我不得不说，我唯一可以想到的解决方案是不幸的是使用JavaScript。就像是：
<script type="text/javascript">
if (document.location.hash == "" || document.location.hash == "#")
document.location.hash = "#updates-list";
</script>
编辑：
好的，得到了一个CSS解决方案。然而，这需要默认条目#updates-list放置在最后(#更新地图和您可能添加的任何其他选项卡)之后：
.tab,.tab:target ~ #updates-list {
display: none;
}
#updates-list,.tab:target {
display: block;
}
