css不要连接下划线

在CSS编写过程中，我们经常会使用下划线来连接诸如id或者class这样的标识符。然而，在这里我要强调的是，我们应当尽可能避免使用连接下划线。

首先，连接下划线可能会造成一些语法错误。在一些场景下，例如在HTML中嵌入CSS样式时，使用下划线连接的标识符可能会被解析为对应的HTML标签或属性，从而导致样式失效。

其次，连接下划线还可能会引发浏览器的自动翻译。一些浏览器可能会将下划线识别为单词分隔符（类似于空格），并自动将其替换成空格。这些自动翻译的结果可能会对样式造成影响。

最后，连接下划线也有可能会让代码更难以阅读。和连接横线相比，下划线在一些情况下可能会难以分辨，而这很容易给后续的代码维护带来困扰。

/* 不要使用连接下划线的写法 */
#my_id {
  background-color: #fff;
}

.my_class {
  font-size: 14px;
}

/* 推荐使用连接横线的写法 */
#my-id {
  background-color: #fff;
}

.my-class {
  font-size: 14px;
} 

综上所述，我们不应该过分依赖连接下划线的写法。在CSS编写中，应该尽可能使用连接横线等可读性更强的识别符，这样可以使得样式更加清晰易读，代码也更易于维护。