Переопределить CSS удалить свойство

Question

Я использую библиотеку и хочу удалить свойство класса.Как правильно это сделать?

Пример: Lib.css

div {
    width: 100%;
}

и custom.css

div {
    width: none; //something like that
}

Answer 1

Я не знаю, как структурирован ваш проект, но я бы использовал функцию CSS в jQuery для

Answer 2

Я рекомендую вам прочитать о специфике CSS здесь, в документации: Специфика CSS: Разработчики Mozilla и проверить мой ответ ниже.

Существует несколько способов перезаписать свойства CSS из внешнихбиблиотеки.

Случай 1: если вы используете Bootstrap или Zurb Foundation через пакет npm, вам нужно изменить значение переменной, отвечающей за данное свойство, и поместить его после импорта всех файлов библиотеки вправильно переписать, например.

import 'files from library.sass';

// my settings
$default-width: 80%;

Случай 2: Если вы используете CDN для доставки своей библиотеки, вы можете использовать более специфический селектор CSS для перезаписи данного свойства, например:

для перезаписи div-селектора

div {}   ----> div.my-class {}

Второй метод, но наверняка не рекомендуется - использовать объявление !important.Но помните, что при использовании объявления! Important часто возникают проблемы в процессе разработки.Всегда лучше найти более конкретный селектор, чем использовать! Важное.

Answer 3

Каждое правило в CSS имеет другое значение по умолчанию.Многие могут иметь none или auto по умолчанию.Проверьте MDN для справки.Поиск 'Начальное значение'

Пример

https://developer.mozilla.org/en-US/docs/Web/CSS/width
Начальное значение: авто

Редактировать

Вы также можете использовать специальное значение initial, если вам не требуется поддержка браузеров MSIE.