Chrome中的连续兄弟选择器

时间:2015-01-22 06:07:41

标签: css google-chrome css-selectors

我正在使用隐藏字段中的连续兄弟选择器来隐藏元素:

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不喜欢连续的+选择器吗?

0 个答案:

没有答案