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

When adding quotation marks around text is it okay to use CSS pseudo-elements?

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

因为一直写 可能有点乱,我想知道我是否可以将引用的 :before:after 元素设置为样式让它更简单。我当然知道这是可能的,也知道怎么做,但我不知道它是否 html5 友好。

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

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

首先,浏览器在呈现 <blockquote> 元素时通常不会显示引号。 Chrome,Firefox 和 IE10 默认对块引用应用缩进。因此,您并不是通过将引号放在 CSS.

中来删除通常存在的引号

其次,您在问题中多次提到 "style" 这个词。这很好地提示了引号应该放在哪里。

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