Ändra CSS iframe

Fick köra en fuling och iframa en sak nu vill jag ändra .css i den.
Jag vill ändra span 3 jag vill ta bort eller ersätta ''style'' med mitt egna css.

Så ser koden ut ungefär i själva iframet.
[PHP]<td><span style='padding: .2em .6em .3em; font-weight: bold; color: #ffffff; font-size: 14px;'>1</span></td>
<td><span style='padding: .2em .6em .3em; font-weight: bold; color: #ffffff; font-size: 14px;'>2</span></td>
<td><span style='padding: .2em .6em .3em; font-weight: bold; color: #ffffff; font-size: 14px;'>3</span></td>[/PHP]

Jag har försöket med följande.

[PHP]
<link rel="stylesheet" type="text/css" href="http://länktillmin.css">

span:nth-child(3) { font-size: 20px !important; }
td:nth-child(3) { font-size: 20px !important; }.[/PHP]

.css hämtas utan problem för jag kan tex byta bakgrunds färg men den vill ej tvinga ändringen på de här span sakerna. Tips? Gör jag nåt fel?

Jag tror inte att du kan ända CSS på sidan i iframe:en, med anledning av CORS. Dock borde det fungera om du först hämtar innehållet på sidan, modifierar stilen, och sedan visar på din sida. Det är förmodligen så du bör gå till väga.

Ändrade till.

[PHP]<?php
$homepage = file_get_contents('http://sidan jag vill hämta');
echo $homepage;
?>[/PHP]

Då kan jag använda javascript för att modifiera lite saker men hur exakt gör jag?
Alltså det jag skrev i första inlägget.

Har inte provat, men så här kanske:

Edit.

Löste det sig?

Ja det funkade man tackar <3