是否有必要在css和html中使用相同的情况下的选择器名称？

Question

是否有必要在css和html中使用相同的情况下的选择器名称？

没关系？

<div id="HEADER"> </div>

#header{...}

或者这有必要吗？

<div id="HEADER"> </div>

#HEADER{...}

Answer 1

类名和ID区分大小写，因此它们必须具有相同的大小写。

因此，div.MyClass 不与div.myClass相同。

元素（在HTML中）和伪类（在任何地方）名称不区分大小写，因此DIV:hover 与div:HOVER相同。

有关详情，请参阅spec。

Answer 2

您的第二个示例应该是#HEADER {...}，但答案是......如果您使用XHTML doctype，某些浏览器会区分大小写。见这里：http://webdesign.about.com/od/css/f/blcssfaqcase.htm