用于悬停和活动的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 {

}