Одним из наиболее неприятных аспектов работы со старым кодом является встроенный стиль, который нельзя переопределить с помощью CSS. Обычно это означает потратить значительное количество времени на расчесывание старого кода, чтобы вручную удалить встроенный стиль, и все время когда разработчик думает о нем, должен быть другой способ. Оказывается на самом деле есть и другой способ. Используя параметр [style] с вашими селекторами в таблицах стилей CSS вы можете полностью переопределить любой встроенный стиль, который может быть в вашем HTML.
Предположим, что у вас есть этот встроенный стиль в div:
Код
<div class="myDiv" style="border: 1px solid #ff86"></div>
Если вы попытались переопределить это в своем CSS, просто написав новый стиль для него, как показано ниже он вероятно не сработает даже если вы использовали
Однако если вы соедините свой селектор .myDiv с [style] скобкой и используете важное значение, вы можете довольно легко переопределить этот досадный встроенный стиль.
Код
.myDiv[style]{
border: none !important;
}
Хотя это не может считаться наилучшим способом осуществления дел, существует множество случаев когда это был бы самый простой и быстрый способ избавиться от нежелательного встроенного стиля.
