码迷,mamicode.com
首页 > Web开发 > 详细

css q标签和quotes属性的使用

时间:2019-07-23 15:30:14      阅读:122      评论:0      收藏:0      [点我收藏+]

标签:before   span   col   har   set   after   结果   http   for   

 

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

 

css q标签和quotes属性的使用

标签:before   span   col   har   set   after   结果   http   for   

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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!