Html 我的CSS悬停以更改按钮'；s的背景色为'；行不通

我想更改悬停时一些按钮的背景颜色，所以我用CSS编写了一个代码。我为两个按钮编写了相同的代码，都使用不同的十六进制代码。但是，只有一个按钮的代码起作用。工作守则如下：

#sa:hover {
    background-color:burlywood;
} 

不起作用的代码如下：

#7w:hover {
    background-color:black;
}

请注意，7w和sa是按钮的名称，如果需要，这些是它们的HTML代码

<button class="projb" id="7w" onclick="ww()">CSS id names should not begin with a number.
Your CSS for hovering is wrong. 
transform
 transforms an element (i.e. rotates it).


What you need is something like this:


.projb:hover {
    background-color: #f5f5f5;
}

CSS id名称不应以数字开头。
用于悬停的CSS错误<代码>变换
变换元素（即旋转元素）

你需要的是这样的东西：

css中的ID不允许以数字开头。

在CSS中，标识符（包括选择器中的元素名称、类和ID）只能包含字符[a-zA-Z0-9]和ISO 10646字符U+00A0及更高，加上连字符（-）和下划线（33;）；它们不能以数字、两个连字符或连字符后跟数字开头。标识符还可以包含转义字符和任何ISO10646字符作为数字代码（请参阅下一项）。例如，标识符“B&W？”可以写为“B\&W\？”或“B\26 W\3F”。（此文本部分复制自）

文人：





我确实把你的身份证改成了aw。它现在正在工作

html

尽管有其他答案，但在HTML5中ID允许以数字开头。在CSS中，您只需要正确地转义数字。我找到的最好的一篇文章是，它明确提到了前导数字，并告诉我们可以通过在数字前面加上
\3
并加上空格来转义它们：


#sa:悬停{
背景颜色：白肋木；
} 
#\37 w：悬停{
背景色：黑色；
}
.projb{
边缘顶部：100px；
字体系列：劳拉，“衬线”；
字体大小：29px；
-webkit过渡：所有0.3版本都可以轻松过渡；
-moz转换：所有0.3秒都会变慢；
-ms转换：所有0.3秒都会变慢；
-o型过渡：所有0.3秒都会变缓；
过渡：所有0.3秒放松；
宽度：24.5%；
高度：400px；
}
.projb:悬停{
-webkit转换：转换（0px，-10px）；
-moz变换：平移（0px，-10px）；
-ms变换：平移（0px，-10px）；
-o变换：平移（0px，-10px）；
转换：转换（0px，-10px）；
}
html ID不能以number@LuudJacobs不对。HTML5取消了ID的限制，使其可以拥有除空格以外的几乎任何字符。@Hereticsmonkey啊，我的错。谢谢你指出这一点。可能值得注意的是，在CSS中，它只有在以下答案中指出的转义时才起作用。@Fifi，谢谢修复！在HTML5中。。。您只需要在CSS中转义它们。