linkstyling css exception? css or jquery?

Question

Howdy,
I love this neat thing found on css-tricks:

a:active {
  position: relative;
  top: 1px;
}

Every link gives a little trigger-response.

However, I want almost all my links to do that, except the ones inside of .children.

Can I create an exception like :not (from jQuery) within CSS?

Thank you for your help!

Nick Craver · Accepted Answer · 2010-10-25 09:28:35Z

2

You can just add an additional style rule in CSS, no need for JavaScript, like this:

.children a:active {
  position: static;
  top: 0px;
}

answered Oct 25, 2010 at 9:28

Nick Craver

631k138 gold badges1.3k silver badges1.2k bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

You technically don’t need top: 0px in there, as top doesn’t have any effect on elements with position: static. But this is mere nitpicking.

Ross · Accepted Answer · 2010-10-25 09:29:40Z

0

css

.children a:active {
  /* whatever */
}

assuming your use of ".children" is a class

answered Oct 25, 2010 at 9:29

Ross

18k7 gold badges46 silver badges65 bronze badges