inheritance issue with IE 5

[samuelberthelot]

Hi,

I've got the following css. It works fine with Firefox, but with IE 5,
the A is not inherited from li.flagtopic. How come ?
#divCutFlags li
{
float: left;
margin-right: 2px;
cursor: pointer;
}

#divCutFlags li.flagtopic
{
text-decoration: underline;
font-weight: bold;
cursor: text;
}

#divCutFlags li.flagtopic A
{
color: #333366;
text-decoration: underline;
font-weight: bold;
cursor: text;
}

[Harlan Messinger]

sa*************@googlemail.com wrote:

Hi,

I've got the following css. It works fine with Firefox, but with IE 5,
the A is not inherited from li.flagtopic. How come ?
Since you explicitly give the li.flagtopic A all the properties you give
li.flagtopic, how can you tell whether it's "inheriting" anything or not?
#divCutFlags li
{
float: left;
margin-right: 2px;
cursor: pointer;
}

#divCutFlags li.flagtopic
{
text-decoration: underline;
font-weight: bold;
cursor: text;
}

#divCutFlags li.flagtopic A
{
color: #333366;
text-decoration: underline;
font-weight: bold;
cursor: text;
}

[samuelberthelot]

Well, I would expect the A to be :

color: #333366;
text-decoration: underline;
font-weight: bold;
cursor: text;

and it's not. It's just a A with default body properties. Do you know
what I mean ?

Harlan Messinger wrote:

sa*************@googlemail.com wrote:

Hi,

I've got the following css. It works fine with Firefox, but with IE 5,
the A is not inherited from li.flagtopic. How come ?

Since you explicitly give the li.flagtopic A all the properties you give
li.flagtopic, how can you tell whether it's "inheriting" anything or not?

#divCutFlags li
{
float: left;
margin-right: 2px;
cursor: pointer;
}

#divCutFlags li.flagtopic
{
text-decoration: underline;
font-weight: bold;
cursor: text;
}

#divCutFlags li.flagtopic A
{
color: #333366;
text-decoration: underline;
font-weight: bold;
cursor: text;
}

[Andy Dingley]

sa*************@googlemail.com wrote:

Well, I would expect the A to be :

color: #333366;
text-decoration: underline;
font-weight: bold;
cursor: text;

and it's not. It's just a A with default body properties.
1). This sounds like a simple error of your selector not matching,
rather than anything complex about properties.

2). This isn't "inheritance", as your OP described it.

3). CSS doesn't do inheritance anyway (at least not in that sense).
Do you know what I mean ?

4). No, we need a URL to the page to begin knowing what's wrong with
it.

[Harlan Messinger]

sa*************@googlemail.com wrote:

Well, I would expect the A to be :

color: #333366;
text-decoration: underline;
font-weight: bold;
cursor: text;

and it's not. It's just a A with default body properties. Do you know
what I mean ?
Well, I know what you're telling me, but since the problem certainly has
some connection to some as-yet-unknown portion of your CSS and/or HTML
code and since you're keeping that a secret, it's hard to tell what the
problem might be.

Harlan Messinger wrote:

sa*************@googlemail.com wrote:

Hi,

I've got the following css. It works fine with Firefox, but with IE 5,
the A is not inherited from li.flagtopic. How come ?

Since you explicitly give the li.flagtopic A all the properties you give
li.flagtopic, how can you tell whether it's "inheriting" anything or not?

#divCutFlags li
{
float: left;
margin-right: 2px;
cursor: pointer;
}

#divCutFlags li.flagtopic
{
text-decoration: underline;
font-weight: bold;
cursor: text;
}

#divCutFlags li.flagtopic A
{
color: #333366;
text-decoration: underline;
font-weight: bold;
cursor: text;
}