小编Cod*_*key的帖子

考虑以下内容(这里找不到小提琴http://jsfiddle.net/burninromz/YDuzC/8/)

当您单击复选框时,应该会出现相应的标签.这在Safari和Chrome中不起作用,但在IE,Firefox和Opera上不起作用.当您检查chrome和safari中的元素时,您会看到该样式实际应用于该元素,但未正确呈现.任何想法为什么会这样？

见下文.

HTML

<div>
    <input type="checkbox"></input>
    <span>Unchecked</span>
    <span>Unchecked</span>

CSS

    input[type="checkbox"]:checked + span {
      display:none  
    }

    input[type="checkbox"] + span {
      display:block  
    }

    input[type="checkbox"]:checked + span + span {
      display:block  
    }

    input[type="checkbox"] + span + span {
      display:none  
    }

此选择器不起作用

input[type="checkbox"]:checked + span + span {
  display:block  
}