Html “如何在不使用样式的情况下使用CSS进行调查”；宽度；？

我有一个来自CSS调查的进度条，在HTML标记的内部有一个

style=“width”

，所以我不需要像

.width-99{width:99%；}

这样的类来处理所有的值

现在，我必须制作一个amp版本，我想知道是否有其他方法可以在没有

.width-99{width:99%；}

的情况下制作进度条。甚至因为我的代码应该尽可能精简

我的另一个选择是在AMP版本中禁用它，但它也不理想

我的代码：

调查{
字体大小：1.9rem；
}
.测量栏{
显示：内联块；
宽度：91%；
高度：3.8雷姆；
边界半径：4px；
背景：#EBEBEB；
}
.结果{
显示器：flex；
边缘顶部：.5rem；
对齐项目：居中；
证明内容：之间的空间；
}
.结果跨度{
显示：内联块；
高度：3.8雷姆；
边界半径：4px；
背景：#777；
}
.结果span.winner{
显示器：flex；
对齐项目：居中；
证明内容：柔性端；
}
/*“勾选”图标*/
.结果跨度.获胜者：之前{
填充权：.5rem；
字体系列：“icomoon”；
字体大小：2.7rem；
颜色：#FFF；
内容：'\e90e'；
}

15%
它在20世纪60年代流行起来

80%
包含Lorem Ipsum通道的Letraset表

5%

我在Github上找到了它，实际上禁止每页使用多个内联CSS

---

所以，在我的例子中，我将删除所有样式，只保留文本

为什么不能使用内联css？如果可以更新类名，则可以更新内联样式值。为什么要避免使用

style=“width:…”

？另外，你所说的“amp版本”是什么意思？@SeinopSys可能是amp-HTML..？amp表示加速移动页面。如果我试图用一个内联CSS验证我的代码，我就无法通过验证。那是糟糕的验证。内联CSS本身并不坏，您不应该让工具告诉您根本不使用内联CSS。它有它的用途，如果不被过度使用——就像你的情况一样——它是完全可以接受的。