CSS inheritance (same style for div and div a)

Question

Is there a way to make that normal text and links share the same style in CSS ?

Please find below an example :

div.test, div.test a
{
font-size:0.8em;
}

I would like text and links to get the same style but it is not working as expected...

Any help welcome.

Cheers.

Gotye.

Is the a tag nested within the div with class test? Have you tried changing the font-size value to ensure that it works? — uadnal
– uadnal, Commented Jan 7, 2011 at 2:24

BoltClock · Accepted Answer · 2011-01-07 02:28:28Z

5

Just specify

div.test
{
    font-size: 0.8em;
}

Otherwise you are telling links inside div.test to have 80% font size of div.test, which in turn is 80% of whatever its parent is. That's 64% the font size of div.test's parent, so it appears smaller.

If you're trying to give normal text and link text the same color, or other properties that don't depend on relative sizing, use div.test, div.test a as you're doing but place it in a separate rule. For example:

div.test
{
    font-size: 0.8em;
}

div.test, div.test a
{
    color: #330;
}

edited Jan 7, 2011 at 2:28

answered Jan 7, 2011 at 2:23

BoltClock

728k165 gold badges1.4k silver badges1.4k bronze badges

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

Collectives™ on Stack Overflow

CSS inheritance (same style for div and div a)

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related