css属性区分大小写吗

PHP中文网 JavaScript

本文摘自PHP中文网，作者藏色散人，侵删。

css属性不区分大小写；因为在css中标签选择器和属性选择器是不区分大小写的，但是类选择器和ID选择器可能是区分大小写的，这取决于文档的语言。

本文操作环境：windows7系统、HTML5&&CSS3版本、Dell G3电脑。

问：CSS对大小写敏感吗？（CSS区分大小写吗？）

这个问题并不是那么好回答。

有部分书上说CSS不区分大小写，但这种说法其实并不那么严谨。因为ID选择器和类选择器对大小写敏感，而选择器是CSS的支柱。

比如下面的代码

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

<p class="box"></p>

<p id="case"></p>

 

<style>

  /*有效*/

  p {

    width: 100px;

    height: 100px;

    border: 1px solid;

  }

 

  /*无效*/

  .Box {

    background: red;

  }

   

  /*无效*/

  #Case {

    background: blue;

  }

</style>

推荐：《css视频教程》

7275569-45c5fe0f453063a0.png

这是上面代码的效果。

在选择器里：

  • ID 和 类 选择器 区分 大小写
  • 标签选择器、属性选择器不区分大小写

类选择器和 ID 选择器可能是区分大小写的。这取决于文档的语言。HTML 和 XHTML 将类和 ID 值定义为区分大小写，所以类和 ID 值的大小写必须与文档中的相应值匹配。

―― W3C

建议使用小写字母。

以上就是css属性区分大小写吗的详细内容，更多文章请关注木庄网络博客！

相关阅读 >>

css怎么设置td的宽度

css如何让文字居于div的底部

css修改placeholder样式的方法介绍（代码示例）

css图片怎么溢出隐藏

css换行代码是什么

在css中什么是行高

html中hr怎么设置粗细

css怎么禁止滚动条滚动

css border-top-width属性怎么用

css3如何实现阴影效果

更多相关阅读请进入《css》频道 >>




标签：

打赏

取消

感谢您的支持，我会继续努力的!

扫码支持
扫码打赏，您说多少就多少

打开支付宝扫一扫，即可进行扫码打赏哦

分享从这里开始，精彩与您同在

相关推荐

评论

管理员已关闭评论功能...