Я добавляю какой-то стиль на веб-страницу, но у меня возникла проблема, я добавил правило, и инструменты разработчика Chrome говорят, что оно вычисляется, но не применяется. Что это значит?
Вычислительный стиль не применяется
Ответы (2)
Я не уверен, что это всегда так, но я думаю, что обычно это означает, что оно было переопределено другим правилом с более высокой степенью специфичности.
Правила CSS оцениваются по степени специфичности для элемента, и когда правила противоречат друг другу, приоритет отдается наиболее специфичным. Вы можете решить эту проблему, добавив класс непосредственно к элементу или сделав правило более строгим (более конкретным).
person
Steve Land
schedule
10.07.2017
Мммм, я не думаю, что это может быть проблемой, я просто добавил style=border-radius=0px !important прямо в элемент, и произошло то же самое. Google Chrome dev показывает, что лучшим правилом является element.style, но он по-прежнему дает тот же стиль.
- person Matías González; 11.07.2017
что произойдет, если вы установите style=border-bottom-left-radius=0px !important?
- person Steve Land; 11.07.2017
Если свойство изменяется с помощью CSS со свойством
animation
, оно может переопределить объявление !important
.
- person Dez; 11.07.2017
Спасибо за комментарии, если я добавлю
border-bottom-left-radius=0px !important
, то же самое произойдет, и у меня нет css с анимацией, но я нашел решение, добавив -webkit-appearance: none
, как сказано в этом вопросе stackoverflow.com/questions/24210132/
- person Matías González; 11.07.2017
В моем случае я решил проблему, добавив -webkit-appearance: none
. По-видимому, инструменты разработчика Google не отображают внешний вид webkit, но применяют его.
person
Matías González
schedule
10.07.2017