当元素是q的时候,可以无需使用::after或者::before选择器,直接就可以为q元素的内容添加标记元素。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<style type="text/css">
q {
quotes: '+' '-'
}
</style>
</head>
<body>
<q>蚂蚁部落欢迎您</q>
</body>
</html>
运行结果:

但是当不是q标签时,如div是不起效果。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<style type="text/css">
q {
quotes: '+' '-'
}
</style>
</head>
<body>
<div>蚂蚁部落欢迎您</div>
</body>
</html>

div要传统的加::before、::after选择器。