css类名 横杠 下划线 |css class 覆盖

横杠

.nav-bar {
/* ... */
}

横杠是CSS类名命名中常用的分隔符，它可以增加可读性，同时也可以提高代码的可维护性。横杠通常用于标识类名中的不同单词或短语，使得代码更容易被理解和解读。例如，大家可以创建一个名为“nav-bar”的类，来表示网站导航栏的样式。

下划线

.header_menu {
/* ... */
}

下划线与横杠类似，也是一种常见的CSS类名命名方式。下划线通常用于表示多个单词之间的关联性，常见的使用场景是在HTML的ID和类名中使用。例如，大家可以创建一个名为“header_menu”的类来表示网站头部菜单的样式。

总体来说，虽然横杠和下划线都是非常实用的CSS命名方式，但无论使用哪种方式，都应该遵循相同的命名约定，保持一致性和可读性，这样有助于代码的可维护性和增强网站的UI设计。