Multilevel Tags

[musyc]

SOLVED

Is there a class for each level of a multilevel tag? I want to make the first tier of mine on my popular tags module have a different appearance (small caps, italics, something). I found the span.non-link-tag class, but as far as I can tell that's being used for both first and second tiers, and I want just the first.

So if I had something like:
foo: bar: llamas
foo: bar: wildebeest
foo: ticky: pandas

I'd want "foo" to be italicized/capped, but not "bar" or "ticky".

Comments

[branchandroot]

They do not have classes; the way you do that is defining nested list items. So the first tier is:

ul.tags li

while the second is

ul.tags li li

So what you do is, set the first tier to the style you want and then unset that for the second tier (which will also catch the third, since li li catches /any/ nested list item, of any depth).

[musyc]

Hmm. Not making any difference if I use ul.tags.

If I do

.non-link-tag {font-variant:small-caps;}

then that works, but no instance of li and li li is differentiating between the first tier and the second.

Also tried shifting each tier over .5em, but it shifted the entire bar instead of just the text with both padding and margin. (Which made your lovely sidebar all jagged and unlovely.)

I'm not especially attached to a particular type of differentiation, as long as there is SOMETHING. Different font-weight, different indenting, anything.

*pokes it some more*

[branchandroot]

*headdesk* Don't listen to me when I've been doing code all day, seriously.

I meant:

.module-tags_multilevel ul li

and

.module-tags_multilevel ul li li

The .tags would be for the tags page, not the module. The non-link-tag will work too, though, if none of your top-tier items have anything in them. So, if foo only ever exists to be a header, and nothing is ever tagged foo, yeah, that'll do it.

[musyc]

EUREKA SUCCESS. :D That will do juuuuuuuust what I need, I think. Now to decide what visual I want. Thank you!