Как я могу удалить встроенный стиль элемента CSS (без JavaScript)?
Мне присвоили стиль для определенного элемента HTML в моем файле таблицы стилей, как это
label {
width: 200px;
color: red;
}
В одном особом случае я хотел бы использовать элемент маркировки в документе HTML, но проигнорировать стиль, определенный для элемента маркировки (только для одного экземпляра в документе). Там какой-либо путь состоит в том, чтобы достигнуть этого универсальным способом, не переопределяя атрибуты стиля элемента со встроенными стилями?
<label for="status">Open</label>
Для повторения к коду HTML, отображающему маркировку, стиль элемента (ширина 200 пкс, красный цвет) применяется. Я хотел бы, чтобы атрибуты стиля по умолчанию использовались (не зная то, что они), и не имея необходимость знать, что конкретно определяется в настройке стиля элемента.
4 ответа
Из Центр разработчика Mozilla :
, потому что CSS не предоставляет ключевое слово «по умолчанию», единственный способ восстановить значение значения по умолчанию для явного Передать это свойство.
Таким образом, особое внимание следует принимать при написании правил стиля с использованием селекторов (например, селекторов по имени Tag, например p), что вы можете переопределить с более конкретными правилами (например, те, которые используют идентификатор или селекторы класса), потому что Оригинальное значение по умолчанию не может быть автоматически восстановлено.
Из-за каскадной природы CSS - это хорошая практика, чтобы определить правила стиля как можно более конкретно, чтобы предотвратить стиль элементов, которые не были предназначены для стилизованности.
<label ... class="default">...</label>
label {
width: 200px;
color: red;
}
label.default {
width: auto;
color: inherit;
}
Однако, которые могут не обеспечить желаемые результаты - наоборот - оставить все другие этикетки классы частица (ES), а затем не назначать этот класс на метку «по умолчанию».
Я не думаю, что вы можете сбросить его к тому, что он был до определения метки в стиле таблицы, но вы можете дать метку ID и переопределить его в своем стиле.
<label for="status" id="status-label">Open</label>
label {
width: 200px;
color: red;
}
label#status-label {
width: auto;
color: blue;
}