css

[chunkmartinez]

Hi, im not really new to css, but i dont really understand this:

table table table table tr tr td,div{}

This exact peice is not the part i need help with, i just dont understand what it means to have multiple table or tr or td's here
but dont get me wrong, i completely understand this:

table{} or
.element{} or
#element{}.                

just not this-

table table tr td{}

[stymiee]

It means to style a DIV that is inside of a TD that is inside of a TR that is inside of a TR that is inside of a table that is inside of a table that is inside of a table.

That has to be a tag soup!

[chunkmartinez]

THANX

so the last element is the one to be modified?
also, what does an (,) implicate?

[stymiee]

Oops, missed that comma. Change my answer to:

style all DIVs and a TD that is inside of a TR that is inside of a TR that is inside of a table that is inside of a table that is inside of a table

[Dani]

For example:

.box { } <= style all tags with the box class this way

.box div { } <= style all div tags that are contained within an element with the box class this way

[chunkmartinez]

Ok, i get it. thanx for the help!

[MattEvans]

Direct child selectors are interesting:

div.parent>div.child{}

Will apply to all divs of class child within divs of class parent, BUT only if they are direct children.

However: table>tr>td , doesn't work, unless you use: table>tbody>tr>td ... REGARDLESS of whether or not you have a tbody tag in your markup.

Rude, no?