How to edit HTML specific objects?

[Mattshu]

(This is specifically for Myspace layouts, so Myspace editing rules apply)

Lets say I had this:
<table>
<tbody>
<tr>
<td>
<img src="img.gif"/>
</td>
<td>
<table>
<tbody>
<tr>
<td>
<span class="span">Dirty tramp</span>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>

And I wanted to hide the img tag, and change something like the background color of the <span> tag.

How would I write CSS to get to these tags? I've seen some examples that seem to write a map to the tag, like:
table tbody tr td img { display:none; } But that doesn't work. (or does it?)
Once again, I stress: Myspace editing rules apply.. means no javascript.

I already know javascript anyway

 

[Human]

I don't know about MySpace
Change Span to Div and give it an ID
Using JavaScript Add
<script>function changeCol () {
document.getElementById("divId").style.background-color="green"
}
</script>
in your head.
Replace divid with your div id name and green with your color
Put
<button onClick="changeCol()">Click To change color</button>
in your body