CSS Question Options

[djilltactics]

Well my issue is lack of knowledge within a certain part of my coding. I ve had trouble for the past couple of days with a myspace page i have been designing and have yet come up with a solution.

Problem:

CODE

table td table tr td.text table {visibility : hidden;}table td table tr td.text table table, table td table tr td.text table table td.text {visibility : visible;}table table table table, table table table table td.text, td.text td.text table {display : none;

Not sure what this part of the coding is called but i would like to know more about it.

Can anyone point me in the right direction to figure out the basics of this part of the coding?

Or like

CODE

"table table table table"
or
"td table tr table"

What do these sequence of tables and td tr's mean?

This certain part just really confuses me...

Any help is appreciated...Thanks everyone....

[fixtatik]

when you see a few HTML elements in a row in a style sheet, it's editing nested items. in your table table table table { } example, you're editing all tables that are nested within three other tables, like so:

CODE

<table>
<tr>
<td>
<table>
<tr>
<td>
<table>
<tr>
<td>
<table>
This is the area that's being edited
</table>
</td>
</tr>
<tr>
<td>
<table>
This is the area that's being edited
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>

something like that will also be editing table table table table table { }, so if you don't want that to happen, you'll have to add different properties for tables nested within four tables.

say you come across a CSS code, something like div a span { }. something like that would be editing all <span> tags that are nested within <a> tags within <div> elements:

CODE

<div>
  <a href="URL"><span>This is being edited</span></a>
</div>