css类名大小写 |css选择符的优先级

/* 这是一个类名全部小写的CSS选择器 */
.menu {
display: flex;
justify-content: space-between;
align-items: center;
}
/* 这是一个类名大写小写混合的CSS选择器 */
.menuItem.active {
color: red;
}

在CSS中，类名的大小写决定了是否会被认为是不同的选择器。简单来说，在CSS中，类名是大小写敏感的。

当你用类名来定义一个CSS选择器时，你必须使用和HTML中定义的class属性值一模一样的大小写格式。这意味着，如果你在HTML中定义了一个名为”sidebar”的class属性值，而在CSS中定义的选择器使用了大写字母”S”，那么这个选择器将会被CSS无视。

/* 这是一个CSS选择器中类名大小写的错误 */
.SideBar {
width: 200px;
}

当然，为了让代码看起来更整洁，你可以使用小写字母来定义你的类名。这也是Web开发的一个常见做法。

/* 这是一个全部小写的CSS选择器 */
.sidebar {
width: 200px;
}

在HTML中，虽然不区分大小写，但是为了可读性和可维护性，建议使用小写字母来命名类名和id属性。

总之，类名大小写对于CSS渲染结果和你的代码的可读性和可维护性都有很大的影响。所以，在编写CSS选择器时，一定要正确地使用大小写。