html - Lages の子にアクセスし、CSS で無効にします

Question

私はこのようなものを持っています:

<label for="billing:postcode" class="required"><em>*</em>Zip/Postal Code</label>

ここで、CSS から直接<em>表示 (を使用)を無効にしたいと考えています。display: noneどうすればそれを達成できますか?

Answer 1

あなたは書くかもしれません

label em { display: none }

しかし、これは all のすべてのem要素に適用されるlabelため、次のようなより具体的なセレクターを書くことができます

label[for^="billing"] em

またはまた

label.required em

どのセレクターまたはどの特異性を使用するかの選択は、マークアップによって異なります

Answer 2

次のいずれかを使用できます。

em
{
    display: none;
}

.required em
{
    display: none;
}

label em
{
    display: none;
}

[for^="billing"] em
{
    display: none;
}

しかし、私は一緒に行きます：

<label for="billing:postcode" class="required"><em class="disabled">*</em>Zip/Postal Code</label>

.disabled
{
    display: none;
}