YUI Squarespace CSS操作
YUI Squarespace CSS操作
提问于 2014-10-29 16:25:01
我是相对较新的广场和使用YUI (雅虎！(用户界面库)，我需要一些帮助，以便能够针对并更改"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');或
Y.all('label').addClass('menuradio');或
Y.one('#block-yui_3_17_2_1_1412637006352_21955 input[type=radio]:checked').addClass('menuradio');或
Y.all('.menu-wrapper .menu-style-classic input[type=radio]:checked').addClass('menuradio');？
似乎什么都没起作用..。
(谢谢你提供的任何意见;)
回答 1
Stack Overflow用户
回答已采纳
发布于 2015-05-16 01:01:13
你差点就拿到了(很可能现在已经做到了)。这应该是可行的：
Y.all('input[type=radio]:checked').addClass('menuradio');请记住月快死了，由于这一原因，尽管可能需要一段时间在将来可能会改变它。但是，我的意思是，我看不出有什么理由不使用jQuery而不是老死的YUI！
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/26635681
复制相关文章
相似问题
腾讯云开发者
