title: GTK 3 how to select active tab of a notebook in a css file
body: <p>This css code in <code>~/.config/gtk-3.0/gtk.css</code> is functioning <strong>correctly</strong> :</p>
  
  <pre><code>.myNotebook .myTab  {
      border-width: 1px;
      border-top-left-radius: 6px;
      border-top-right-radius: 6px;
      border-style: groove;
  }
  
  .myNotebook .myTab:first-child  {
      background-color: yellow;
      border-style: solid;
  }
  </code></pre>
  
  <p>But I only want to select the active tab (or focus tab?) and not all tabs.<br>
  Here is the code that I already tried and does not produce the desired result:</p>
  
  <pre><code>.myNotebook .myTab:first-child:select { ...}
  .myNotebook .myTab:select { ...}
  .myNotebook .myTab:first-child:select:focus { ...}
  .myNotebook .myTab:select:focus { ...}
  .myNotebook .myTab:first-child:select:active { ...}
  .myNotebook .myTab:select:active { ...}
  .myNotebook .myTab:first-child:active { ...}
  .myNotebook .myTab:active { ...}
  .myNotebook .myTab:first-child:focus { ...}
  .myNotebook .myTab:focus { ...}
  .myNotebook .myTab:first-child:active:focus { ...}
  .myNotebook .myTab:active:focus { ...}
  </code></pre>
  
  <p>My program is written in c and I use glade as designer.
  Does anyone know the correct syntax?</p>