相关疑难解决方法(0)

默认值:带CSS的目标

我有这个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地图就会被破坏.有谁知道修复?

html css css-selectors css3

16
推荐指数
2
解决办法
1万
查看次数

标签 统计

css ×1

css-selectors ×1

css3 ×1

html ×1