CSS Pseudo clases

Just a quick heads up for anyone who reads this and has suffered a problem with this, but CSS pseudo classes need to be expressed in a particular way to guarantee that they work:

Normally in css, you will define things with a particular id using #(id) and a class is .(classname)

The pseudo class allows you to define particular behaviour, for example, if you want something to change appearence when you hover over it you would use :hover

So, to combine them, if you want everything with a particular class to look a particular way when you hover on it, you might want to try .(classname):hover

However, this does not always work (in Firefox), as I found out five minutes ago.

I was dealing with divs, and the solution was to say div.(classname):hover

So, when using pseudo classes, in order to make sure things work, try to be as precise as possible - (tagname).(classname):(pseudoclass)


[edit]
However, I subsequently discovered that the hover pseudo class is only valid for links ("a" tags) in IE.
In order ot make them behave like divs, make the use display:block, and if you really want to, remove the href.

Comments

Anonymous said…
I should digg your article therefore more people are able to see it, really helpful, I had a hard time finding the results searching on the web, thanks.

- Norman
27 September 2010 at 19:12
Post a Comment

Popular posts from this blog

Godot - Rotating a Camera in 3d space

Image
For the past couple of years I've been dabbling about in Unity, but due to their recent PR disaster, I've shifted over into dabbling with Godot instead. The project I'm trying to create is a turn-based strategy game, which would include terrain. As such, units might be hidden behind terrain, so the user should be able to rotate the camera. To this end I've been following the Godot tutorials, creating a 3d plane, and putting a box in one corner so that I can see how the whole thing would rotate (if it were a plain plane, I wouldn't be able to tell it rotated). I didn't bother putting in a player character yet (as the concept is quite different to the example in the tutorial), but I did follow the steps  for implementing a camera. I wanted the camera to rotate by increments of 90 degrees (so there would effectively be 4 positions). Unfortunately, most of the maths in the documentation is about radians, which doesn't seem useful to me for this case, as it makes...
Read more

Commander Sterling

Image
I've been keeping this one under my hat, a wee bit. It's fair to say that I'm a fan of James Stephanie Sterling's work - I remember when they started publishing videos on the Escapist, and at first they weren't for me, though eventually I went back and got hooked. Seeing their transformation, and hearing their explanation about it, has definitely helped me overcome a great degree of ignorance when it comes to LBGTQIA+ issues. Since they started wrestling not just in England, but local to me, I wanted to make a doll of them to give as a present, which I managed to at the debut of Avant Garde wrestling: On a separate note, it was my first live show - I may do a bit of a write up, though I'm not familiar enough with the art to go much further than "I enjoyed it!" The doll itself is, like the other dolls I've made and intend to make, based upon the patterns in  AmiguruME by Allison Hoffman . The main differences to m...
Read more

Janos Audron Amigurumi

Image
This one has been in the works for a very long time, but last weekend I finally finished the amigurumi of Janos Audron that I've been working on for (no exaggeration here) - around 2 1/2 years! Let's get into the details. First of all, it cannot be understated how big this thing is: 1 foot tall and with a 2 foot wingspan tip to tip! This was, like the Sunny doll, based on the patterns in  AmiguruME by Allison Hoffman , though there were a few adaptations. The most obvious one is the wings. When I started these off I was using a Magpie pattern from Hanneke's Designs . However, the free CAL (Crochet A-Long) period ran out while I was working on it, and I didn't have a backup. Rather than buying it, I reflected and felt that the pattern just wasn't quite right. Eventually I managed to find this Pegasus by Crafty Designs , which I felt would result in something large enough with enough detail to satisfy me. I really am too much of a perfectionist, but not so much that w...
Read more