Css #test，#test2：两个测试div都应该触发悬停_Css

Css #test，#test2：两个测试div都应该触发悬停

css

Css #test，#test2：两个测试div都应该触发悬停,css,Css,如标题所示，是否可以命名多个元素并对它们全部应用相同的：hover命令所以我不必这么做： #test:hover > .info, #test2:hover > .info {} 您可以创建一个类并将其应用于这些元素。例如： <head> <style type="text/css"> .myClass:hover > .info { background-color: blue; }

如标题所示，是否可以命名多个元素并对它们全部应用相同的：hover命令

所以我不必这么做：

#test:hover > .info, #test2:hover > .info {}

您可以创建一个类并将其应用于这些元素。例如：

<head>
    <style type="text/css">
        .myClass:hover > .info {
            background-color: blue;
        }
    </style>
</head>

<body>
    <a href="#" id="test" class="myClass">Test Link One</a>
    <span id="test2" class="myClass">Test Link Two</span>
</body>


.myClass:hover>.info{
背景颜色：蓝色；
}
测试链路二

您可以创建一个类并将其应用于这些元素。例如：

<head>
    <style type="text/css">
        .myClass:hover > .info {
            background-color: blue;
        }
    </style>
</head>

<body>
    <a href="#" id="test" class="myClass">Test Link One</a>
    <span id="test2" class="myClass">Test Link Two</span>
</body>


.myClass:hover>.info{
背景颜色：蓝色；
}
测试链路二

是的，但这是无效的，因为不能有两个ID相同的元素。因此，一次只能有这两个元素中的一个。抱歉，已修复此问题。我在使用课堂。我只想用一种更短的方法或将相同的样式应用于多个元素，但这是无效的，因为不能有两个具有相同ID的元素。因此，一次只能使用这两个元素中的一个。抱歉，已修复此问题。我在使用课堂。我只是想要一个更短的方法，或者将相同的样式应用于多个元素