当前位置:Gxlcms > 前端框架 > css属性区分大小写吗

css属性区分大小写吗

时间:2021-07-01 10:21:17 帮助过:25人阅读

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

本文操作环境: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属性区分大小写吗的详细内容,更多请关注gxlcms其它相关文章!

人气教程排行