CSS3选择器问题

发布于 2024-10-26 18:39:23 字数 264 浏览 5 评论 0原文

我不知道为什么它有效：

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

但这不起作用：

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

“border”属性只是一个例子，任何其他属性也被忽略！

原文

I can`t find out why this workes:

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

but this doesn`t work:

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

The "border" property is just an example, any other properties is also, dismissed!

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

东走西顾 2024-11-02 18:39:23

鉴于：

<!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 中完美运行。据推测，您没有尝试使用您正在测试的浏览器中的复选框所遵循的任何属性。

Given:

<!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>

It works perfectly in Chrome for me. Presumably you didn't try it with any properties that are respected on checkboxes in the browsers you were testing in.

回复收藏 0 原文

~没有更多了~