CSSで、以下の指定部分のアンダーラインを消すにはどうしたら良いでしょうか？…

CSSで、以下の指定部分のアンダーラインを消すにはどうしたら良いでしょうか？ <h1><span class=”nounderline”>【<a href=”#”>ココ</a>】</span></h1> h1,aにはアンダーラインが指定されているものとします。また、【】部分のアンダーラインも消えている必要があります。対象ブラウザはIE6.0以上、Firefox(最新バージョン)とします。 自分では以下のような形で試してみたのですが、アンダーラインが表示されてしまいました。宜しくお願いします。 .nounderline { border: 0px; text-decoration: none; }

[akimasa2000]

知らなかった仕様

[nobody]

↓えもんとうじょう。さすがなのねん。

[smoking186]

消えないが正解. "If the property is specified for a block-level element, it affects all inline-level descendants of the element."