在文本周围添加引号时可以使用 CSS 伪元素吗？

Question

我正在为我的 wordpress 设计一个模板，我想为blockquote 标签引入一些样式。

由于一直写“ 和” 可能有点乱，我想知道我是否可以设置引用的:before 和:after 元素以使其更简单。当然我知道这是可能的以及如何做到这一点，但我不知道它是否对 html5 友好。

那么，引号必须在 html 中还是可以包含在 css 中？

Answer 1

引号可以安全地包含在 CSS 中，而不会违反任何 HTML5 最佳实践。

首先，浏览器在呈现<blockquote> 元素时通常不会显示引号。 Chrome、Firefox 和 IE10 默认对块引用应用缩进。因此，您不会通过将它们放在 CSS 中来删除通常存在的引号。

其次，您在问题中多次提到“风格”一词。这很好地暗示了引号应该放在哪里。

第三，::before 和::after 伪元素专门用于添加装饰性内容，例如引号。 事实上，如果您阅读MDN page for ::before，您会发现他们的主要用例示例正是关于添加引号。