2

私は次のHTMLを持っています：

<span class="parent">
    Hello world
    <a href="#">Link 1</a>
    <a href="#">Link 2</a>
</span>

ゲームのルール：

  • CSSを使用して「Helloworld」文字列を削除したい
  • <a>タグは引き続き表示されます
  • HTMLコードに触れることができません
  • JavaScriptなし

したがって、解決策は、「Helloworld」文字列のみを囲む要素に設定display:noneするようなものです。<span>問題は、そのような<span>ものがなく、作成できないことです。

4

2 に答える 2

12

display:none;常に子を非表示にし、そのdisplayプロパティを上書きします。

visibility代わりに使用してみることができます：

.parent { visibility: hidden;}
.parent a { visibility: visible;}
于 2012-12-13T13:53:32.190 に答える
2

それは不可能です。それはあなたがあなたの手に旗を持っていて、あなたが閉じた箱に座っているとき、誰かがあなたの手に旗を見ることができると期待しているようなものです。その目的を達成できる唯一の方法は、子供を親から連れ出し、別の場所に取り付けることです。そして、それはdom-manipulation（javascript）になります。

編集：可視性プロパティの技術的定義と私が理解した望ましい動作のより深い研究の後、この答えは正しくありません。 jfrejは正しい答えを出しました。

于 2012-12-13T13:54:01.313 に答える