title: Default :target with CSS
body: <p>I have this CSS:</p>
  
  <pre><code>&lt;style type="text/css"&gt;
  .tab {
    display: none;
  }
  .tab:target {
    display: block;
  }
  &lt;/style&gt;
  </code></pre>
  
  <p>And this HTML:</p>
  
  <pre><code>&lt;div class="tab_container"&gt;
  
    &lt;ul class="tabs"&gt;
      &lt;li&gt;&lt;a href="#updates-list"&gt;List&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href="#updates-map"&gt;Map&lt;/a&gt;&lt;/li&gt;
    &lt;/ul&gt;
  
    &lt;ul class="tab list" id="updates-list"&gt;
      Eh.. Hello!
    &lt;/ul&gt;
    &lt;div class="tab map" id="updates-map"&gt;&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>However, my page is empty if no target (<code>#</code> in URL) is specified and no tab is clicked yet. I want to show <code>ul#updates-list</code> by default.</p>
  
  <p>How can I do this? Thanks.</p>
  
  <hr>
  
  <p>Update: Next to this, my Google Map is broken if it is not the initial target. Does anyone know a fix?</p>