当元素是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选择器。