html - 访问 Lages 孩子并在 CSS 中禁用它

Question

我有这样的事情：

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

现在我想禁止直接从 CSS<em>显示（使用）。display: none我怎样才能做到这一点？

Answer 1

您可以使用以下方法之一。

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;
}

Answer 2

你可以写

label em { display: none }

但这将应用于 allem的所有元素label，因此您可以编写更具体的选择器，例如

label[for^="billing"] em

或者也

label.required em

选择哪种选择器或应该使用哪种特异性取决于您的标记