首页 >web前端 >前端问答 >css属性区分大小写吗

css属性区分大小写吗

藏色散人
藏色散人原创
2021-02-01 09:32:575634浏览

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

css属性区分大小写吗

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

问:CSS对大小写敏感吗?(CSS区分大小写吗?)

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

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

比如下面的代码

<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属性区分大小写吗的详细内容。更多信息请关注PHP中文网其他相关文章!

声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn