css q标签和quotes属性的使用

当元素是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>

运行结果：

css q标签和quotes属性的使用

但是当不是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>

css q标签和quotes属性的使用

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