将div元素的行内style属性移至内部<style>标签，此方式是否正确？

• 原div的class是icon和red两个独立类，你改成iconred后直接丢失了这两个类对应的原有样式，这是核心错误。
• 虽然把<style>放在div内部在语法上能生效，但这种写法不符合前端样式管理的规范，通常样式应该放在页面的<head>标签里或者外部样式文件中。

保留原有的两个class，通过正确的选择器设置flex属性：

<div class="icon red"></div>

<!-- 样式放在head里或者外部样式文件 -->
<style>
  .icon.red {
    flex: 0.8;
  }
</style>

这样既保留了原有的类样式，又成功把行内样式移到了外部样式中。

内容的提问来源于stack exchange，提问作者Joel