title: Hide - show with a select [HTML / CSS]
body: <p>I've searched a moment but I can't find a clear response to my problem, so here it is.</p>
  
  <p>I want to check if a specific option is used inside a select, and if it is this specific option it should hide some part of the code and show others.</p>
  
  <p>Here's an example of what it should do.</p>
  
  <pre><code>&lt;select&gt;
      &lt;option value="goblin"&gt; Goblin &lt;/option&gt;
      &lt;option value="elf"&gt; Elf &lt;/option&gt;
  &lt;/select&gt;
  
  &lt;div&gt;
      &lt;p&gt; This should appear only if "Elf" is selected &lt;/p&gt;
  &lt;/div&gt;
  .
  ..
  ...
  &lt;p&gt; This should also appear only if "Elf" is selected and is really far away in the code &lt;/p&gt;
  </code></pre>
  
  <p>It should be only with CSS, I can't use JS or other langages than HTML &amp; CSS.
  Is there a way to do something like that ?</p>
  
  <p>Thanks for your help</p>