在 CSS 中,不区分大小写,也就是说大小写并不影响样式表的作用。比如以下几个选择器的效果是一样的。
p { font-size: 16px; } P { font-size: 16px; }
但是,不区分大小写没有意味着我们可以随意书写 CSS 代码,还是需要注意以下几点。
1. 标签名、属性名、属性值的大小写。
在 HTML 中,标签名、属性名、属性值都是大小写不敏感的,但是在 CSS 中并不是这样。比如以下代码就是错误的。
p { Font-Size: 16px; /* 错误的写法 */ }
正确的写法应该是:
p { font-size: 16px; }
2. 伪类选择器的大小写。
伪类选择器(比如 :hover、:active 等)的大小写要严格按照规范书写,否则可能无法起到效果。比如以下代码就是错误的。
a:hover { text-decoration: underline; }
正确的写法应该是:
a:hover { text-decoration: underline; }
总之,虽然 CSS 不区分大小写,但是我们仍然要按照规范书写代码,以免出现不必要的错误。