什么+运算符做CSS

在小提琴的单选按钮不采取行动的方式单选按钮应。

我不熟悉CSS +，我不知道，如果这事做吧。

2012-05-17 CS_2013

input[type="radio"]:checked+label{ ..... } 
//a label that immediately follows an input of type radio that is checked

来源

2012-05-17 23:33:49

如果您指的单选按钮不是互斥的（您可以选择多个按钮），这是因为html没有将单选按钮定义为同一组的一部分。使用name属性来实现这一点。

<form> 
    <input type="radio" name="radioGroup" id="radio1"> 
    <label for="radio1"></label> 
    <input type="radio" name="radioGroup" id="radio2"> 
    <label for="radio2"></label> 
</form>

我相信你关于CSS中+的问题是不相关的，但它被正确识别为其他答案中的下一个兄弟。

来源

2012-05-17 23:33:20 tschaible

这会选择相邻元素，请参阅The 30 CSS Selectors you Must Memorize。

FTA：

这被称为相邻选择器。它将只选择紧接前一个元素的元素。在这种情况下，只有每个ul后的第一段会有红色文本。

支持在IE7 +

来源

2012-05-17 23:33:46 isNaN1247

还没见过比“的30个CSS选择你一定要记住”自从我第一次发现的StackOverflow更加有用的网站。大+1！ –

它立即之前另一个指定的元素的元素相匹配。

在您的示例中，这意味着它与匹配type="radio"的input元素后的任何label元素相匹配。上选择这里

的更多信息：http://www.w3.org/TR/CSS2/selector.html

来源

2012-05-17 23:34:07

CSS中的+号表示一种选择器，邻近于所述第一选择器。

在您的例子中的+号被修改标签不实际的单选按钮，但只有标签。

现在它不工作，因为你还没有为单选按钮指定组名称（或名称），请尝试以下html。

<form> 
    <input type="radio" id="radio1" name="rdo"> 
    <label for="radio1"></label> 
    <input type="radio" id="radio2" name="rdo"> 
    <label for="radio2"></label> 
</form>

现在单选按钮被绑定到相同的名称并且将正常工作。

干杯，尼科

来源

2012-05-17 23:37:24 Nico

什么+运算符做CSS

回答

相关问题