CSSでインラインフレームを非表示にしたい

初心者です。
いろいろ試したのですがうまくいかないので教えてください。
複数のインラインフレームのレイアウトを、スタイルシートで一括管理したいのですが、

たとえば、

<iframe class="free" src="http://www.***" scrolling="no" frameborder="no"></iframe>
<iframe class="only" src="http://www.***" scrolling="no" frameborder="no"></iframe>
<iframe class="link" src="http://www.***" scrolling="no" frameborder="no"></iframe>

と縦に並んでいるインラインフレームをｈｔｍｌは変更せずに、
真ん中の「only」だけ隠すことはできませんか？
スペースが空かずにfreeとlinkだけが並んでいる状態にしたいです。
宜しくお願いします。

.free {
width:450;
height:760;
border:none;
margin: 0px;
overflow: hidden;
}

.only {
width:450;
height:680;
border:none;
margin: 0px;
overflow: hidden;
}

.link {
width:450;
height:680;
border:none;
margin: 0px;
overflow: hidden;
}

No.1 ベストアンサー 回答者： t_ohta 回答日時： 2014/04/17 11:42

.only に display: none; を入れれば消えませんか。

この回答へのお礼

出来ました！！
早速のご回答ありがとうございました！

お礼日時：2014/04/17 11:50