#test,#test2:hover Hover应该触发两个测试div

时间:2011-12-06 22:29:56

标签: css

如标题所示,是否可以命名几个元素并将它们应用于所有元素:hover命令。

所以我不必这样做:

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

1 个答案:

答案 0 :(得分:3)

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

<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>