为何q标签引号被去除？HTML样式quotes:none改问：引号去哪儿了？

本文共计836个文字，预计阅读时间需要4分钟。

由于quotes等CSS的*继承属性*，但不是所有属性都会继承。例如，font-size、color和text-align等文本相关属性会继承，而布局属性如margin、padding和border则不会继承。

常见错误现象：q { quotes: none; }写了但引号照常出现；或者加了content: ""却只去了一侧引号。

• quotes属性只影响::before/::after中open-quote/close-quote的取值，不控制是否渲染
• 浏览器对<q>的默认样式通常是：q::before { content: open-quote; }、q::after { content: close-quote; }
• 真正起作用的是覆盖这两个伪元素的content，而不是改quotes

正确移除q标签前后引号的写法

必须显式重置伪元素的content为none或空字符串。注意：两个伪元素都要处理，否则只剩单侧引号。