Home/ Questions/Q 8777677
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-13T19:20:01+00:00

I have a problem with my css. I tested it with both latest FF

  • 0

I have a problem with my css.
I tested it with both latest FF and IE without problem but Chrome does not render it properly.

I want to display all childs elements of a tag as blocks i use

Tag > * {
    display:block;
}

it works fine in both IE and FF but not chrome.
I tried forcing it using the console and put display:block but it failed.
It seems as if chrome ignores display:block ?

EDIT: Tag is a custom Tag actually CurrentWeather

full Css :

CurrentWeather > * {
    display:block;
}

body {
    text-align:center;
  }


div#result{
    text-align:left;
    margin: 0 auto;
    width:50%;
}

EDIT2:

I think it is an ajax problem as when i harcode the added html it works fine.
Does chrome not apply css on dynamic content ?

thanks

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    The selector tag > * doesn’t target all children of a tag, only the immedate children.

    You would use tag * if you want to target all children.

    Chrome doesn’t have such a serious bug as ignoring display:block, so there has to be something that is specific to your case.

    It’s hard to tell exactly what it is without seeing the code, but some possible reasons:

    • The tag is an inline tag, and you are not using a HTML5 doctype.

    • The markup is broken, so the child elements are not the elements that you think they are. (Especially as different behaviour between browsers is typical for broken markup.)

    • 0