css - 内联样式对屏幕阅读器有害吗？

Question

例子

<span style="BACKGROUND-COLOR: #ffd700">Background color</span>

屏幕阅读器如何处理内联 CSS？除了 CSS 管理之外，内联 CSS 是否还有其他缺点？

内联样式也有效。我使用 W3C Validator 和 XHTML 1.0 Strict doctype 进行了测试？

<p><span style="MARGIN-RIGHT: 0px">Left indent</span></p>

Answer 1

屏幕阅读器如何处理内联 CSS？

与任何其他 CSS 相同。

除了 CSS 管理之外，内联 CSS 是否还有其他缺点？

只是带宽相关的成本。

Answer 2

内联样式很难管理和覆盖。如果您设置颜色和边框，它们可能会覆盖您的打印样式表。我在打印预览中看到了黄色链接……显然不是作者的意图，而是非常糟糕的用户体验。

屏幕阅读器只尊重display属性，不说话的元素带有display:none. 你在哪里声明它并不重要。