div css布局命名时尽量避免下划线

在CSS样式命名中，我们常常采用下划线“_”来分隔单词，这种写法也被广泛运用于JavaScript编程中。对于熟悉CSS hack的朋友来说，使用下划线命名其实是一种特定的技巧。例如，“_style”这样的命名可以让除IE外的浏览器忽略该样式定义。尽管这种写法能达成特定效果，但它并不符合规范，因此在CSS检查中会提示错误，应尽量避免使用下划线作为命名分隔符。

为了解决这个问题，我们需要找到一个既能替代下划线，又符合规范的符号来作为命名分隔符。这并不是强制要求必须使用某种分隔符，而主要是为了满足个人习惯和需求。

我曾进行了一个小测试，尝试用“~”、“$”、“`”、“&”和“-”来替代下划线。结果显示，只有“-”号可以被正常使用，并且对JavaScript的支持也没有问题。让我们详细看一下测试结果。

在CSS部分，我定义了几个带有不同分隔符的类，比如“.try-a { color:00f; }”。在HTML部分，我为不同的div元素赋予了这些类。在JavaScript部分，我编写了一个函数，通过点击按钮来改变这些div元素的类名。测试结果显示，“try1”的颜色成功变为了红色，其他元素也有相应的变化，这说明“-”作为命名分隔符在CSS和JavaScript中都可以正常工作。

值得注意的是，在CSS定义中经常使用的id选择符。如果在页面中的id命名中使用了下划线“_”，那么在CSS样式里不可避免地会出现下划线。我们不仅在类名命名上要注意避免使用下划线，在id的命名上也要保持谨慎。

虽然下划线在CSS和JavaScript的命名中非常常见，但由于其不规范性和可能引发的问题，我们需要寻找替代方案。经过测试，“-”号是一个可行的选择。我们也需要注意在id命名中避免使用下划线，以确保代码的规范和兼容性。这样的改变虽然微小，但对于保持代码的清晰和可维护性来说，却是非常重要的。