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>

运行结果:

但是当不是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选择器。

原文地址:https://www.cnblogs.com/chenmz1995/p/11231408.html