                        课程
                    
                        /前端开发
                        
                            /Bootstrap
                        
                        /玩转Bootstrap（基础）

.btn:active:focus

两个伪类写一起啥意思？百度了也没找到答案

无独有偶偶xp

2016-08-19

源自：玩转Bootstrap（基础） 3-22

关注问题我要回答

893

操作

收起

4 回答

封子清风
2016-10-19

非常谢谢你的解释，但是我还没明白button:active和button:active:focus的区别

0 回复有任何疑惑可以回复我~

相伴0229
2016-10-19

:active选择器：当所指定的元素处于激活状态（鼠标在元素上按下还没有松开）时所使用的样式；(红边)

蓝边是：focus的样式，圆角未设置

0 回复有任何疑惑可以回复我~

#1

请让我安静一会儿

但是我就不算设置：:focus{}也是一样的啊，如果给:focus设置圆角，好像设置不上啊，能不能给我解释下

2019-01-17 回复有任何疑惑可以回复我~

相伴0229
2016-08-19

如果你的btn设置为圆角的话，：active：focus不设置圆角属性，圆角处会有明显些的区别

0 回复有任何疑惑可以回复我~

#1

自己测试时候没有发现圆角属性不同啊

2016-10-14 回复有任何疑惑可以回复我~

#2

相伴0229 回复封子清风

当所指定的元素处于激活状态（鼠标在元素上按下还没有松开）时所使用的样式；(红边) 蓝边是：focus的样式，圆角未设置

2016-10-19 回复有任何疑惑可以回复我~

相伴0229
2016-08-19

按钮点击时的聚焦状态

0 回复有任何疑惑可以回复我~

#1

无独有偶偶xp 提问者

:active是被激活时的样式 :focus是聚焦状态 :active:focus就是被激活时的聚焦状态？好尴尬啊，我自己写个代码看下效果先

2016-08-19 回复有任何疑惑可以回复我~

#2

相伴0229 回复无独有偶偶xp 提问者

focus不设置圆角属性，圆角处会有明显些的区别

2016-08-19 回复有任何疑惑可以回复我~

#3

封子清风回复无独有偶偶xp 提问者

搞清楚了么，如果知道怎么回事请解释下，谢谢

2016-10-14 回复有任何疑惑可以回复我~

举报

0/150

提交

取消

玩转Bootstrap（基础）

参与学习 314557 人
解答问题 2364 个

告诉你使用Bootstrap，并且能够独立定制出适合自己的Bootstrap

本课相似问答

2 回答源码看不明白，为什么.btn:active:focus, .btn:active, 要写两遍？求指点！

搜索更多本课相关问答

.btn:active:focus

我要回答关注问题

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

扫描二维码
关注慕课网微信公众号