用于悬停和活动的CSS3通配符选择

Question

I would like to use wildcard selection for :hover and active

My current css is:

a.trigger

And I transformed it to:

a[id*='trigger-'] {

}

I also need the same for hover and active . Can I do that?

a.trigger:hover {
}

a.active.trigger {
}

How can I transform that using wildcard?

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

Answer 1

I'm not really clear what you're asking, but is this the answer?

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

}