CSS-манипуляции YUI Squarespace

Я относительно новичок в Squarespace и использую YUI (библиотека пользовательского интерфейса Yahoo!), и мне нужна помощь, чтобы настроить таргетинг и изменить "input[type=radio]:checked", чтобы применить стиль CSS .menuradio {text-decoration:none !important; border-bottom: 4px solid #000;}

Тем не менее, у меня возникли проблемы с нацеливанием на этот фрагмент кода только с помощью CSS:

<div class="sqs-block menu-block sqs-block-menu" data-block-type="18" id="block-yui_3_17_2_1_1412637006352_21955">
  <div class="sqs-block-content" id="yui_3_17_2_1_1414597475438_1924">
    <div class="menu-wrapper menu-style-classic" id="yui_3_17_2_1_1414597475438_1923">
      <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">
      <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">
      <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">
      <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">
      <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">
      <div class="menu-selector" id="yui_3_17_2_1_1414597475438_1922">
        <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">ALL-DAY</label>
        <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">BRUNCH</label>
        <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">DESSERT</label>
        <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">WINE LIST</label>
        <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">GLUTEN-FREE</label>
      </div>

...

На какой класс я должен ориентироваться перед вводом?

Я на правильном пути, используя этот скрипт?

Y.all('input:checked').addClass('menuradio');

or

Y.all('label').addClass('menuradio');

or

Y.one('#block-yui_3_17_2_1_1412637006352_21955 input[type=radio]:checked').addClass('menuradio');

or

Y.all('.menu-wrapper .menu-style-classic input[type=radio]:checked').addClass('menuradio');

?

Кажется, ничего не работает...

Спасибо заранее за любые данные ;)


person Amanda    schedule 29.10.2014    source источник
comment
выглядит почти так же, как stackoverflow.com/questions/4376002/   -  person cregox    schedule 16.05.2015


Ответы (1)


Вы почти поняли (вероятно, уже сделали). Это должно работать:

Y.all('input[type=radio]:checked').addClass('menuradio');

Имейте в виду, что YUI умирает, и из-за этого Squarespace вероятно, изменить его в будущем, хотя это может занять некоторое время. Но все же, я имею в виду, я не вижу причин не использовать jQuery вместо старого мертвого YUI! ;П

person cregox    schedule 16.05.2015