html - 悬停和活动的 CSS3 通配符选择

Question

我想使用通配符选择:hover和active

我目前的CSS是：

a.trigger

我将其转换为：

a[id*='trigger-'] {

}

我也需要同样的hover和active。我可以这样做吗？

a.trigger:hover {
}

a.active.trigger {
}

如何使用通配符进行转换？

a.active.[id*='trigger-'] {
}

Answer 1

我不太清楚你在问什么，但这就是答案吗？

a[id*='trigger-']:hover,
a[id*='trigger-']:active {

}