Member Avatar for 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{}
Edited by TrustyTony because: fixed formatting
  • 4 Contributors
  • 6 Replies
  • 90 Views
  • 4 Days Discussion Span
  • Latest Post Latest Post by MattEvans
Member Avatar for 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!

Member Avatar for chunkmartinez

THANX

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

Member Avatar for 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

Member Avatar for 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

Member Avatar for chunkmartinez

Ok, i get it. thanx for the help!

Member Avatar for 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?

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.