【CSS】CSS对大小写敏感吗?

作者: 德育处主任 | 来源:发表于2020-01-27 23:43 被阅读0次
微信订阅号:Rabbit_svip


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

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

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

比如下面的代码

<div class="box"></div>
<div id="case"></div>

<style>
  /*有效*/
  DIV {
    width: 100px;
    height: 100px;
    border: 1px solid;
  }

  /*无效*/
  .Box {
    background: red;
  }
  
  /*无效*/
  #Case {
    background: blue;
  }
</style>
微信订阅号:Rabbit_svip

这是上面代码的效果。

在选择器里:

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

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

—— W3C

建议使用小写字母。

相关文章

  • 【CSS】CSS对大小写敏感吗?

    问:CSS对大小写敏感吗?(CSS区分大小写吗?) 这个问题并不是那么好回答。 有部分书上说CSS不区分大小写,但...

  • 2017前端面试题之Css篇(1)

    1 . CSS 属性是否区分大小写? 答:不区分。 HTML,CSS都对大小写不敏感,但为了更好的可读性和团队协作...

  • 04.CSS基础01

    0.快捷键: 1.css定义 2.如何编写css样式 css语法选择符,属性声明,括号,换行不敏感,空格不敏感。d...

  • CSS初步认识 2019-01-22

    - CSS是什么?是编程语言吗? “CSS是层叠样式表;不是编程语言。” - CSS的作用是什么? “CSS的作用...

  • SASS入门教程及用法指南

    作为前端开发人员,你肯定对css很熟悉,但是你知道css可以自定义吗?大家都知道,js中可以自定义变量,css仅仅...

  • javaScript基础学习记录篇-1

    1.JavaScript 对大小写敏感 所有 JavaScript 标识符对大小写敏感。 变量lastName和l...

  • 2019-01-07

    继续天文大兄弟的CSS部分的学习安排! css参考问题: 1. CSS是什么?是编程语言吗? 答:CSS是Casc...

  • CSS_基础

    初探css,了解个大概,本文主要是对"zhaolion:CSS入门笔记 - 初识CSS"的简要记录 CSS的好处 ...

  • CSS 居中完全指南

    本文翻译自:《Centering in CSS: A Complete Guide》 使用 CSS 实现效果困难吗...

  • Java的编程注意事项

    1,对大小写敏感。

网友评论

    本文标题:【CSS】CSS对大小写敏感吗?

    本文链接:https://www.haomeiwen.com/subject/hwxuthtx.html