CSS: как переопределить значение максимальной ширины с большим (менее ограничительным) значением

Question

У меня есть файл CSS с этим стилем:

.filefield-element .widget-edit {max-width: 70%;}

Я хотел увеличить максимальную ширину без изменения этого файла CSS, поэтому я создал собственный файл CSS с этим стилем:

.filefield-element .widget-edit {max-width: 99%;}

На панели «html / styles» я вижу, что стили перечислены в правильном порядке:

.filefield-element .widget-edit {
    max-width: 99%;
}

.filefield-element .widget-edit {
    float: left;
    max-width: 70%;
}

Однако «max-width: 99%» не переопределяет «max»-ширина: 70% ".Похоже, что используется более ограничительное значение (70%), даже когда на первом месте стоит менее ограничительное значение (99%).

Есть ли способ переопределить значение максимальной ширины большим (меньшим)ограничительное) значение?

Answer 1

Вы можете переопределить (сбросить) максимальную ширину с помощью

.foo{ max-width:none; }

... очистить любую унаследованную max-width.

Answer 2

Попробуйте использовать !important или селектор с повышенной специфичностью.

Answer 3

Используйте JavaScript , чтобы сначала установить max-width на none, затем переназначить новое значение.

Answer 4

Это проблема специфичности.Взгляните на http://htmldog.com/guides/cssadvanced/specificity/.

По сути, вам нужно сделать одно более конкретное, чем другое.Поместите содержащий элемент перед .filefield-element .widget-edit, и он будет переопределен