Есть ли способ вызвать стиль к элементу отделения, который уже имеет стиль = “” атрибут

26
задан Ulf Gjerdingen 2 June 2016 в 14:03
поделиться

6 ответов

Можно добавить !important до конца стиля, как это:

element {
    overflow: hidden !important;
}

Это - что-то, на что Вы не должны обычно полагаться, но в Вашем случае это - наилучший вариант. Изменение значения в JavaScript отклоняется от лучшей практики разделения разметки, представления и поведения (html/css/javascript).

74
ответ дан thanksd 28 November 2019 в 06:09
поделиться

Вы пытались установить !important в файле CSS? Нечто подобное:

#mydiv { overflow: hidden !important; }
11
ответ дан thanksd 28 November 2019 в 06:09
поделиться

Не уверенный, если это работало бы или нет, не протестировали его с overflow.

overflow:hidden !important

, возможно?

4
ответ дан JSW189 28 November 2019 в 06:09
поделиться

Если у div есть объявление встроенного стиля, единственный способ изменить его без изменения источника - это JavaScript. Атрибуты встроенного стиля каждый раз в CSS «выигрывают».

2
ответ дан BrewinBombers 28 November 2019 в 06:09
поделиться

Magnar корректен, как объяснено спецификацией W3C, вставляемой ниже. Кажется! важное ключевое слово было добавлено, чтобы позволить пользователям переопределять даже "испеченный в" настройках стиля на уровне элемента. Так как Вы находитесь в ситуации, где Вы не управляете HTML, это может быть Вашим наилучшим вариантом, хотя это не был бы нормальный шаблон разработки.

CSS W3C Спецификации

Выборка:

6.4.2! важный CSS правил пытается создать равновесие сил между листами стиля пользователя и автором. По умолчанию правила в таблице стилей автора переопределяют тех в таблице стилей пользователя (см. каскадное правило 3).

However, for balance, an "!important" declaration (the keywords

"!" и "важный" следуют, объявление) имеет приоритет по нормальному объявлению. И автор и листы стиля пользователя могут содержать"! важные" объявления и пользователь"! важные" правила переопределяют автора"! важные" правила. Эта функция CSS улучшает доступность документов путем давания пользователям с особыми требованиями (большие шрифты, цветовые комбинации, и т.д.) контроля представлением.

Note. This is a semantic change since CSS1. In CSS1, author

"! важные" правила имели приоритет по пользователю"! важные" правила.

Declaring a shorthand property (e.g., 'background') to be

"! важный" эквивалентно объявлению, что все его подсвойства"! важный".

Example(s):

The first rule in the user's style sheet in the following example

содержит"! важное" объявление, которое переопределяет соответствующее объявление в таблице стилей автора. Второе объявление также победит из-за того, чтобы быть отмеченным"! важный". Однако третье правило в таблице стилей пользователя не"! важный" и поэтому проиграет второму правилу в таблице стилей автора (который, оказывается, устанавливает стиль на свойстве стенографии). Кроме того, третье правило автора проиграет второму правилу автора, так как второе правило"! важный". Это показывает это"! важные" объявления имеют функцию также в рамках таблиц стилей автора.

/* From the user's style sheet */
P { text-indent: 1em ! important }
P { font-style: italic ! important }
P { font-size: 18pt }

/* From the author's style sheet */
P { text-indent: 1.5em !important }
P { font: 12pt sans-serif !important }
P { font-size: 24pt }
2
ответ дан TheZenker 28 November 2019 в 06:09
поделиться

Насколько я знаю, стили реальных HTML-элементов переопределяют все, что вы можете делать в отдельном стиле CSS.

Вы можете, однако, использовать Javascript, чтобы переопределить его.

0
ответ дан 17 of 26 28 November 2019 в 06:09
поделиться