ansaurus

Question

Answer 1

A:

I want all li's in this list to be sized to 0.85em of the ul's parent

body > ul { font-size: 0.85em; }

would do that

Bobby Jack 2009-07-23 20:09:16

No, that still does the same thing because he has nested ul's.

jimyi 2009-07-23 20:09:52

ok, edited .

Bobby Jack 2009-07-23 20:12:24

Note: Will not work in IE6.

Emil Stenström 2009-07-23 21:33:16

Answer 2

A:

li { font-size: 0.85em; }
li li { font-size: 1em; }

David Dorward 2009-07-23 20:12:33

Answer 3

A:

My recommendation would be to give the first <ul> an id or class, and set the font-size there.

jimyi 2009-07-23 20:12:34

Answer 4

A:

(This answer assumes you want all li-elements the same size (you say both that you want the the same size, and different size in the question))

Font-size cascades, so if you just set it on the outer element (say a wrapper div or something), everything inside it will get one step smaller like (I think) you want to.

<div id="navigation">
    <ul>
        <li>...</li>
        <li>
        <ul><li>...</li><li>...</li></ul>
        </li>
    </ul>
</div>

#navigation { font-size: 0.85em; }

Emil Stenström 2009-07-23 20:12:43

The example above works as it should though. Even in IE6, that doesn't support the child selector.

Emil Stenström 2009-07-23 20:22:24

True - I was working with the HTML he gave us. He didn't specify browser compatibility, so I'm assuming he wants something that adheres to the CSS2.1 spec.

Bobby Jack 2009-07-23 20:34:19

Where in the question does he say that he wants them to be different sizes?

Bobby Jack 2009-07-23 20:46:20

"make all nested list items the same size" vs. "all li's in this list to be sized to 0.85em of the ul's parent". I'm leaning towards the first, but I can't be sure, and for some reason people are downvoting my answer, so I'm just trying to clarify.

Emil Stenström 2009-07-23 20:51:16

Fair enough; I've un-downvoted your answer because this seems like a genuine misunderstanding, and your answer does work. But I think it's quite clear - "make all nested list items the same size" means, I assume, "... as each other". The other quote simply states that they should ALL be the computed value of 0.85em of the base font size - there's no inconsistency that I can see.

Bobby Jack 2009-07-23 21:04:36

This example is kind of specific; what if one has several lists? A class would work, but is that semantic, or just redundant?

You 2009-07-30 22:29:19

Answer 5

+3 A:

Should work.

li li {font-size: 100%;}

Matt 2009-07-23 20:36:38

It does, but it's not the most efficient way.

Bobby Jack 2009-07-23 20:45:01

@Bobby, why is it not the most efficient way?

You 2009-07-30 22:27:15

Without adding extra markup to your page this is the easiest way.

Matt 2009-07-31 16:17:20

Answer 6

A:

I agree with Emil, and would vote him up on this if I had enough rep points (n00b here). I would use a class like he mentions in his first point, so its re-usable in the same document. If you want cross browser and are using the current css spec then I cant suggest a better real world example..... roll on css 3 and the death of IE6 !

Crayonz 2009-07-23 21:21:47

Thanks for the moral support! :)

Emil Stenström 2009-07-23 21:32:25

Its how I would do it, and I think it was unfair to mark you down for actually being right and giving good advice

Crayonz 2009-07-24 13:48:38

ansaurus

tags:

views:

answers:

CSS - child font-size using em

related questions