1

私は非常に具体的な問題に悩まされています: 私は、静的な html で作業することを許可しないポータルを使用していますが、CSS でのみ作業しています。

IDで宣言されていない要素を非表示にする必要があるため、使用できません

#nameOfTheElement {display:none;}.

要素が html でどのように見えるかを次に示します。

<div class="notToBeHidden">
<label class="label aClassToBeHidden" for="aClassToBeHidden">
<div class="forminput aClassToBeHidden">
</div>

これをCSSから隠す方法を誰かが理解するのを手伝ってくれますか?

残念ながら、特定のクラスを使用するすべての要素を非表示にすることはできません。同じページでも他のすべての要素が必要になるためです。「ラベル クラス」と「div クラス」を非表示にする必要があります。

みんな、ありがとう！

4

4 に答える 4

1

ページの同じ位置に常にある場合はlabel.aClassToBeHidden:nth-child(7)、ラベル (7 番目のラベルの場合) とdiv.aClassToBeHidden:nth-child(7)div に次のように使用できます。

label.aClassToBeHidden:nth-child(7),
div.aClassToBeHidden:nth-child(7) {
    display: none;
}
于 2013-04-09T15:20:52.723 に答える
0

私のために働いた解決策を見つけました：

CSS からのみ動作を非表示にする必要がある 2 つの同様の要素が HTML ページにありました。

<div class="notToBeHidden">
  <label class="label aClassToBeHidden" for="aClassToBeHidden">
  <div class="forminput aClassToBeHidden">
</div>
<div class="notToBeHidden">
  <label class="label anotherClassToBeHidden" for="anotherClassToBeHidden">
  <div class="forminput anotherClassToBeHidden">
</div>

CSS に次のように記述して、要素を非表示にしました。

.label.aClassToBeHidden{display: none}
.forminput.aClassToBeHidden{display: none}
.label.anotherClassToBeHidden{display: none}
.forminput.anotherClassToBeHidden{display: none}

次のように選択して id 要素の前に隠したので:

#elementToBeHidden{display: none}

クラス内の要素で同じ概念を使用する方法がわかりませんでした。

改めまして、皆様ありがとうございました！

于 2013-04-10T08:17:45.017 に答える
0

HTML が無効のようです。ただし、別の要素内の要素を想定する場合はLABEL、子セレクターを使用してそれらを非表示にすることができます。DIVDIV

.notToBeHidden > LABEL,
.notToBeHidden > DIV {display: none; }
于 2013-04-09T15:29:48.513 に答える
0

コンテナnotToBeHiddenに同じパターンの子がある場合、次のようなものを使用してそれらをターゲットにすることができます。

.notToBeHidden label { outline:1px dotted }
.notToBeHidden label+div { outline:1px dotted }

.notToBeHidden多くのラベル要素または div がある場合は、nth-child()セレクターを使用することが解決策になります。繰り返しますが、予想されるパターン/出力に依存します。

これらの要素の位置/出力に一貫性がない場合、またはその親を依存関係として使用できない場合、信頼できる CSS を記述してそれらの要素を非表示にすることは不可能になります。

于 2013-04-09T15:33:15.743 に答える