title: CSS styling on MenuItem Focused Label JavaFX
body: <p>I'm having some issues getting something to work. So I have a custom context menu validation-error-context and a corresponding css for this:</p>
  
  <pre><code>#validation-error-context
  {
      -fx-background-color: #ffbbbb;  
      -fx-border-color: #f00; 
  }
  </code></pre>
  
  <p>Inside this context I also want to style the MenuItems so I apply the following css to them:</p>
  
  <pre><code>#error-menu-item
  {
      -fx-background-color: #ffbbbb;  
  }
  
  .error-menu-item:focused
  {
      -fx-background-color: #ffbbbb;
      -fx-text-fill: red;
  }
  </code></pre>
  
  <p>That all works as planned and the items and the context have the red background and border. Now the problem is when I want to set the text fill color on the focused state of the MenuItem, which would traditionally be done through:</p>
  
  <pre><code>.menu-item:focused .label 
  {
    -fx-text-fill: red;
  }
  </code></pre>
  
  <p>However that would obviously apply that style to all menuItems in the project, which is not what I want and using the statement below doesn't work for the instance I'm using.</p>
  
  <pre><code>.error-menu-item:focused .label 
  {
      -fx-text-fill: red;
  }
  </code></pre>
  
  <p>Is there any way to set the text fill property of the focused label, either through the css or code? Im not even sure if its possible but any pointers in the right direction will be very much appreciated.</p>