переопределение стиля из родительского

стиль родителя выглядит как

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

Есть идеи, как это исправить?

2 ответа

  1. См. этот вопрос:

    Я не думаю, что это возможно.

    Вместо того, чтобы скрывать родителя, вы захотите скрыть всех его детей, кроме одного.

    Кроме того, необходимо добавить пространство между этими двумя атрибутами:

    id="normalRadioButton"class="options"
    
  2. #normalRadioButton.options {
        display: inline-block;
    }
    

    Удалите пробелы между #normalRadioButton и .опции

    Используйте Каскад иначе !важно, больше каскада имеют больше значения:

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