Question

父母的风格看起来像

.ac-container input {
    display: none;
}

我想覆盖以下HTML5部分

<form>
    <fieldset>
        <input type="radio" name="Displayedchart" value="Normal" id="normalRadioButton"class="options"/>Normal<br />
        <input type="radio" name="Displayedchart" value="Rates" id="rateRadioButton" class="options"/>Rates<br />
    </fieldset>
</form>

所以我做了以下失败的事，

#normalRadioButton .options {
    display: !important;
}

知道如何解决这个问题吗？

Answer 1

#normalRadioButton.options {
    display: inline-block;
}

删除#normalRadioButton 和之间的空格.options

否则使用Cascade！重要，更多级联更重要：

.ac-container #normalRadioButton.options {
    display: inline-block;
}

Answer 2

请参阅this question：

我认为不可能。

除了隐藏父母之外，您不想隐藏除父母之外的所有父母。

此外，您还要在这两个属性之间添加空格：

id="normalRadioButton"class="options"

从父级覆盖样式

2 个答案: