/* 避免使用过于普通或者是过于简单的名字 */
/* 不好的例子 */
.box {
/* 一种无法描述特别性质的样式名字 */
width: 200px;
height: 100px;
}
/* 好的例子 */
.nav-box {
/* 为样式名字多添加一个单词能够更准确的描述其特性 */
width: 80%;
height: 50px;
background-color: #ccc;
border-radius: 10px;
}
/* 保持命名规范和统一 */
/* 不好的例子 */
.box { margin: 10px; }
.content { margin-top: 20px; }
/* 好的例子 */
.box { margin: 10px; }
.box__content { margin-top: 20px; }
/* 利用规范的命名方式前缀和后缀，可以让样式名字更加清晰、准确和可读性强。 */总之，CSS中如果要给样式取一个好听的名字，就需要避免使用既普通又简单，同时保持统一和利用常见的命名规范。相信大家都能够通过以上的技巧，取到非常有逻辑的名字来对应所编写的规则。加油！