检查样式不适用

Question

下午好，

我有一个MVC4应用....

任何人都可以让我知道为什么在复选框之后直接将文字应用于文本中...

选中复选框时

 @Html.LabelFor(mod => mod.rememberMe)
                    @Html.CheckBoxFor(mod => mod.rememberMe)
                <span id="mynum">Example Span to change colour</span>

现在适用于此的样式是：

input[type="checkbox"]{ height: 20px;width: 20px;}

    input[type="checkbox"]:checked > span {
        color: blue;
    }

我希望当复选框被选中时...复选框后面的跨度，它的文字会变成绿色....任何人都可以指向正确的方向吗？

先谢谢....

Answer 1

这是因为MVC编写HTML的方式......它在输出中添加了额外的隐藏元素......我通过使用通用兄弟组合器来解决这个问题

input[type="checkbox"]:checked ~ span {
    color: blue;
}