Short question:

Is there a way to remove hover effects?

Let's say I have this:

.divclass {
background:red;
}
.divclass:hover{
background:blue;
}

A red div that turns blue when you hover over it. But let's say I want there to be a type (attribute) that removes the hover for only some of the divclass classes: like so:

[type=nohover]:hover {
background:none;
}

But that doesn't work very well, I want it to be red. I could just put red in there, but that doesn't make it universal for any class or div.

How can I make it so that it it?

Thanks

-PG

Have a look at advanced attribute selectors

Oooo pretty

Thanks!

Can I do a CSS if?

Like this:

If ([type!=nohover]){
//hover stuff
}

That way only things without nohover will get a hover effect; those without will not.

Why don't you reset the css for hover element like normal state: background: red;?

Because I wanted it to work for different classes, too.

Basically I want type=nohover to disregard the :hover pseudoclass for that element.