我正在使用隐藏字段中的连续兄弟选择器来隐藏元素:
input.nexthidden[type="hidden"] + fieldset,
input.nexthidden[type="hidden"] + fieldset.group-doc-upload + fieldset {
display: none;
}
input.nexthidden[type="hidden"][value="showtrue"] + fieldset,
input.nexthidden[type="hidden"][value="showtrue"] + fieldset.group-doc-upload + fieldset {
display: block;
}
在Firefox和Internet Explorer中,这很好用。在Chrome中,第二组选择器不起作用(第一组选择器不起作用)。当我检查元素检查器中的“计算”选项卡时,它会将display: block
显示为计算值。
奇怪的是,当我扩展该属性时,它会告诉我如何达到这个值并说:
input.nexthidden[type="hidden"] + fieldset, input.nexthidden[type="hidden"] + fieldset.group-doc-upload + fieldset - none (style.css:916)
<德尔> fieldset - block
德尔> (User Agent Stylesheet)
用户代理的display: block
显然已被删除,并且没有其他样式会影响显示属性。但仍然计算display: block
。
Chrome不喜欢连续的+
选择器吗?