我有两个按钮,但悬停效果只适用于其中一个[关闭]

问题描述 投票:0回答:0

我有一个主页,上面有两个按钮,但其中一个不起作用。我尝试了很多东西,但没有任何效果。代码如下!我很抱歉上了几节德语课。如果需要CSS代码,请写在评论中。谢谢大家!

我试图在按钮上做一个悬停效果,但悬停效果只在“主题”按钮上。我试图将 corsur 更改为指针,但光标指针仅在“主题”按钮上,“开始”按钮什么都不做。但我把他们指向了同一个班级。我用谷歌搜索了 3 个小时。我找不到解决问题的方法。我是 html 的新手。我大约 30 天前学习了 html 和 css。所以我尝试了一个项目“A Quiz-Game”。

<!DOCTYPE html>
<html lang="de">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="style.css">
    <script src="main.js"></script>
    <title>Flaggen-Quiz</title>
</head>
<body>
    <div class="hauptmenü">
        <div class="hauptmenü_text">
            <h1 class="hauptmenü_h1">
                Hauptmenü
            </h1>
            <h2 class="erklärung">
                Das ist ein Flaggen-Quiz sie haben immer 4 Antwort Möglichkeiten, dabei ist nur eine RICHTIG! 
            </h2>
        </div>
        <div class="button_play_div">
            <button class="button_play">
                Start
            </button>
        </div>
        <div class="button_dark_mode_div">
            <button class="button_dark_mode">
                    Theme
            </button>
        </div>
    </div>
</body>
</html>
html button
© www.soinside.com 2019 - 2024. All rights reserved.