在CSS中，class是一种非常重要的定义元素的方式。使用class可以让我们在HTML代码中定义多种不同的样式，并将它们应用到同一页面的不同元素上。不过在使用class时，为了使代码更加清晰易读，我们需要遵循一些命名规则。

首先，class的命名应该尽可能简洁、具有描述性和易于理解。我们可以使用单个单词或简洁的短语来描述元素的特性、用途或状态，例如"highlight"、"featured"或"error"。这样可以使我们在添加或修改样式时更加容易理解代码的含义。

.highlight {
background-color: yellow;
}
.featured {
font-weight: bold;
}
.error {
color: red;
}

另外，class的命名应该遵循一定的规则和约定。例如，有些开发者习惯使用带有前缀的class名，来表示它们所属的组件或页面模块。这样的命名可以让我们更好地组织代码，减少class的重复和混乱。

.nav-bar {
display: flex;
justify-content: space-between;
}
.footer-menu {
list-style: none;
}

最后，我们也可以使用BEM规范来命名class。BEM是一种常用的CSS命名方法，它基于块（block）、元素（element）和修饰符（modifier）这三个概念，帮助我们构建可重用的、清晰易读的代码。

.btn--primary {
background-color: blue;
}
.header__logo {
font-size: 24px;
}
.menu__item--active {
color: red;
}

综上所述，合理的class命名规则可以大大提高我们代码的可读性和可维护性。我们应该尽量遵循自己或团队的约定，以及一些常用的规范，来规范化我们的代码命名。