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{}

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!

THANX

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

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

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

Ok, i get it. thanx for the help!

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?

Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.