在文本周围添加引号时可以使用 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
,您会发现他们的主要用例示例恰恰是关于添加引号。
我正在为我的 wordpress 设计一个模板,我想为 blockquote
标签引入一些样式。
因为一直写 “
和 ”
可能有点乱,我想知道我是否可以将引用的 :before
和 :after
元素设置为样式让它更简单。我当然知道这是可能的,也知道怎么做,但我不知道它是否 html5 友好。
那么,引号必须在 html 中还是可以包含在 css 中?
引号可以安全地包含在 CSS 中,而不会违反任何 HTML5 最佳实践。
首先,浏览器在呈现 <blockquote>
元素时通常不会显示引号。 Chrome,Firefox 和 IE10 默认对块引用应用缩进。因此,您并不是通过将引号放在 CSS.
其次,您在问题中多次提到 "style" 这个词。这很好地提示了引号应该放在哪里。
第三,::before
和 ::after
伪元素专门用于添加装饰性内容,如引号。 事实上,如果您阅读 MDN page for ::before
,您会发现他们的主要用例示例恰恰是关于添加引号。