Question

我无法找出原因：

input[ type = "text" ]:last-of-type:focus{ border:1px solid red; }

但这不起作用：

input[ type = "checkbox" ]:last-of-type:checked{ border:1px solid red; }

“border”属性只是一个例子，任何其他属性也被解雇了！

Answer 1

假设：

<!DOCTYPE HTML>
<meta charset="utf-8"/>
<title>Testing</title>
<style>
input[ type = "checkbox" ]:last-of-type:checked{ top: 100px;  }
input[type='checkbox'] { position: absolute; top: 200px; }
</style>
<h1>Testing</h1>
<form>
        <input type="submit" />
        <input type="checkbox" />
</form>

对我来说，它在Chrome中完美运行。据推测，您没有尝试使用您正在测试的浏览器中的复选框上受到尊重的任何属性。

CSS3选择器问题

1 个答案: