css - 使用属性选择器还是设置类名？

Question

我们应该使用

css: input[type='submit']{...}

或设置输入标签的类名？

html: <input type="submit" class="submit">
css: .submit{...}

Answer 1

如果您想支持IE6 ，则应使用类名而不是属性选择器 。

这篇文章很有意思：

• The Skinny on CSS Attribute Selectors

Answer 2

是的，正如Sarfraz所说，如果你寻求浏览器兼容性，你应该选择类名，但是属性选择器可以对任何元素进行广泛的控制。

Answer 3

IMO，除了其他人已经提到的一般浏览器支持因素之外，这完全取决于您正在应用的样式。例如，如果您正在应用的是设计的绝对核心部分（例如布局），那么坚持使用类名可能是最安全的。

然而，如果您正在申请的是“装饰性的蓬勃发展”，特别是如果它的CSS在IE的旧版本中甚至都不支持（想想边界半径，一开始）那么它就是< em>很多更好地保持你的标记干净并使用属性选择器。

在类似的情况下，您可能认为通过javascript逐步增强是值得的 - 即保持标记干净整洁但使用JS为元素添加类或内联样式。