css - 跨浏览器样式 CSS 表单 ID

Question

我有一个标记为：<form id="some-form">. 我一直使用

#some-form { /* declare my css */ }

但是，我的一位团队成员说这不是跨浏览器或向后兼容，并说我需要使用以下语法声明我的 css：

form [id="some=form"] { /* declare my css */ }

谁能详细说明这是否属实？哪些浏览器/版本会受到影响？确保跨浏览器向后兼容的正确语法是什么？谢谢！

score 0 · Accepted Answer

从CSS1#someid开始支持通过 id using 选择元素。所以几乎所有支持 CSS 的浏览器都应该支持它。

score 0 · Accepted Answer

您的团队成员所描述的是 CSS 属性选择器。如果有的话，他/她定位<form>元素的方式将不太向后兼容，因为在 CSS 2.1 中添加了基于属性定位元素的能力，而您的方式从一开始就存在。尽管兼容性较差，但不支持 CSS 2.1 的浏览器的市场份额非常小，而且每天都在缩小。

2 回答 2