在 CSS 中,选择器、属性和属性值(除了少数例外)是区分大小写的。
这意味着:
-
选择器区分大小写:
#myId
和#myid
会选择不同的元素。div
和DIV
会选择相同的元素 (HTML 标签名不区分大小写)。.myClass
和.MyClass
会选择不同的元素。
-
属性区分大小写:
color: red;
和Color: red;
是不同的声明,后者会被忽略,因为它不是有效的 CSS 属性。
-
属性值(大部分)区分大小写:
color: red;
和color: Red;
是不同的声明。font-family: Arial;
和font-family: arial;
是不同的声明。background-color: #ffffff;
和background-color: #FFFFFF;
是相同的声明(十六进制颜色值不区分大小写)。
例外情况:
-
HTML 标签名不区分大小写: 尽管 CSS 选择器区分大小写, HTML 本身是不区分大小写的。所以
<div>
和<DIV>
会被 CSS 选择器div
选中。 -
某些属性值不区分大小写: 例如,十六进制颜色值 (
#fff
和#FFF
)、inherit
关键字等。
最佳实践:
为了保持一致性和避免潜在的问题,建议始终使用小写字母编写 CSS 选择器、属性和属性值(除非是像十六进制颜色值这样的已知例外)。这有助于提高代码的可读性和可维护性。