title: YUI Squarespace CSS manipulation
body: <p>I am relatively new to Squarespace and using YUI (Yahoo! User Interface Library), and I need some help being able to target and change <code>"input[type=radio]:checked"</code> to take on the CSS styling <code>.menuradio {text-decoration:none !important; border-bottom: 4px solid #000;}</code></p>
  
  <p>That said, I am having trouble targeting this piece of code with just CSS:</p>
  
  <pre><code>&lt;div class="sqs-block menu-block sqs-block-menu" data-block-type="18" id="block-yui_3_17_2_1_1412637006352_21955"&gt;
    &lt;div class="sqs-block-content" id="yui_3_17_2_1_1414597475438_1924"&gt;
      &lt;div class="menu-wrapper menu-style-classic" id="yui_3_17_2_1_1414597475438_1923"&gt;
        &lt;input type="radio" name="menu-selector-yui_3_17_2_1_1412637006352_21955-28f6eb3b-5f85-4155-a233-f0c262fef2a3" id="menu-select-all-day-yui_3_17_2_1_1412637006352_21955-28f6eb3b-5f85-4155-a233-f0c262fef2a3" class="menu-select-button"&gt;
        &lt;input type="radio" name="menu-selector-yui_3_17_2_1_1412637006352_21955-28f6eb3b-5f85-4155-a233-f0c262fef2a3" id="menu-select-brunch-yui_3_17_2_1_1412637006352_21955-28f6eb3b-5f85-4155-a233-f0c262fef2a3" class="menu-select-button menuradio"&gt;
        &lt;input type="radio" name="menu-selector-yui_3_17_2_1_1412637006352_21955-28f6eb3b-5f85-4155-a233-f0c262fef2a3" id="menu-select-dessert-yui_3_17_2_1_1412637006352_21955-28f6eb3b-5f85-4155-a233-f0c262fef2a3" class="menu-select-button"&gt;
        &lt;input type="radio" name="menu-selector-yui_3_17_2_1_1412637006352_21955-28f6eb3b-5f85-4155-a233-f0c262fef2a3" id="menu-select-wine-list-yui_3_17_2_1_1412637006352_21955-28f6eb3b-5f85-4155-a233-f0c262fef2a3" class="menu-select-button"&gt;
        &lt;input type="radio" name="menu-selector-yui_3_17_2_1_1412637006352_21955-28f6eb3b-5f85-4155-a233-f0c262fef2a3" id="menu-select-gluten-free-yui_3_17_2_1_1412637006352_21955-28f6eb3b-5f85-4155-a233-f0c262fef2a3" class="menu-select-button"&gt;
        &lt;div class="menu-selector" id="yui_3_17_2_1_1414597475438_1922"&gt;
          &lt;label id="navbuttontop" for="menu-select-all-day-yui_3_17_2_1_1412637006352_21955-28f6eb3b-5f85-4155-a233-f0c262fef2a3" class="menu-select-labels menu-label-all-day-yui_3_17_2_1_1412637006352_21955-28f6eb3b-5f85-4155-a233-f0c262fef2a3 menuradio"&gt;ALL-DAY&lt;/label&gt;
          &lt;label id="navbuttontop" for="menu-select-brunch-yui_3_17_2_1_1412637006352_21955-28f6eb3b-5f85-4155-a233-f0c262fef2a3" class="menu-select-labels menu-label-brunch-yui_3_17_2_1_1412637006352_21955-28f6eb3b-5f85-4155-a233-f0c262fef2a3 menuradio"&gt;BRUNCH&lt;/label&gt;
          &lt;label id="navbuttontop" for="menu-select-dessert-yui_3_17_2_1_1412637006352_21955-28f6eb3b-5f85-4155-a233-f0c262fef2a3" class="menu-select-labels menu-label-dessert-yui_3_17_2_1_1412637006352_21955-28f6eb3b-5f85-4155-a233-f0c262fef2a3 menuradio"&gt;DESSERT&lt;/label&gt;
          &lt;label id="navbuttontop" for="menu-select-wine-list-yui_3_17_2_1_1412637006352_21955-28f6eb3b-5f85-4155-a233-f0c262fef2a3" class="menu-select-labels menu-label-wine-list-yui_3_17_2_1_1412637006352_21955-28f6eb3b-5f85-4155-a233-f0c262fef2a3 menuradio"&gt;WINE LIST&lt;/label&gt;
          &lt;label id="navbuttontop" for="menu-select-gluten-free-yui_3_17_2_1_1412637006352_21955-28f6eb3b-5f85-4155-a233-f0c262fef2a3" class="menu-select-labels menu-label-gluten-free-yui_3_17_2_1_1412637006352_21955-28f6eb3b-5f85-4155-a233-f0c262fef2a3 menuradio"&gt;GLUTEN-FREE&lt;/label&gt;
        &lt;/div&gt;
  </code></pre>
  
  <p>...</p>
  
  <p>What class should I be targeting before the input?</p>
  
  <p>Am I on the right track by using this script?</p>
  
  <pre><code>Y.all('input:checked').addClass('menuradio');
  </code></pre>
  
  <p>or </p>
  
  <pre><code>Y.all('label').addClass('menuradio');
  </code></pre>
  
  <p>or </p>
  
  <pre><code>Y.one('#block-yui_3_17_2_1_1412637006352_21955 input[type=radio]:checked').addClass('menuradio');
  </code></pre>
  
  <p>or </p>
  
  <pre><code>Y.all('.menu-wrapper .menu-style-classic input[type=radio]:checked').addClass('menuradio');
  </code></pre>
  
  <p>?  </p>
  
  <p>Nothing seems to be working...</p>
  
  <p>Thanks in advance for any input ;)</p>