Блог

Главная - Вопросы по программированию - CSS: удалить определенный стиль, фактически не удаляя его из указанного файла CSS

CSS: удалить определенный стиль, фактически не удаляя его из указанного файла CSS

#html #css

#HTML #css — код

Вопрос:

Я пытаюсь мобилизовать веб-страницу. Я хочу сохранить большинство текущих стилей, но я также хочу либо переопределить, либо удалить другие стили. Я знаю !important , что переопределит стиль, но что, если я просто хочу полностью удалить этот конкретный стиль для текущей страницы, не удаляя его из таблицы стилей?

Например, что, если бы я хотел удалить width или min-width из стиля элемента, но я не хотел указывать другой width . Я использую jQuery Mobile, который заботится о многих из этих стилей.

В этом примере у меня были бы файлы Styles.css и StylesMobile.css , где Style.css было бы следующее:

 .buttonStyle {
  width: 100px;
  text-align: left; 
}

в то время StylesMobile.css как имеет:

 .buttonStyle {
  height: 10%;
  color: Red; 
}

Я все еще хочу text-align: left; от Styles.css , но не ширину (вместе с StylesMobile.css ).

Комментарии:

1. Возможно, вы захотите взглянуть на медиа-запросы CSS . Таким образом, проще работать с различными типами экранов и использовать определенные стили.

2. В StylesMobile.css вам просто нужно перезаписать width:100px на width:auto; чтобы удалить свойства width .

Ответ №1:

CSS media queries это то, что вы ищете.

В этом случае вы написали пример с width . Если вы хотите переопределить ширину в мобильной таблице стилей, просто используйте width: auto . Или установите ширину только для разрешения выше любых пикселей (медиа-запросы, как я писал выше).

Ответ №2:

Значение по умолчанию width равно auto . таким образом, вы можете сбросить его, указав width:auto !important

Ответ №3:

Вы могли бы попробовать использовать specificity и сделать стиль кнопки для stylemobile более специфичным, например .aclass .anotherclass .ButtonStyle, и это должно переопределить обычный ButtonStyle

Метки: