伪类继承问题

来源:3-12 sass伪类继承

艾丶

2020-06-03 16:44:13

为什么伪类继承只用写 :hover就行? 怎么指定要继承的是哪个元素的hover???

写回答

2回答

好帮手慕言

2020-07-01

“Aurora_Meteor”同学你好,如果是下方的写法

http://img.mukewang.com/climg/5efbe99409b624bd04730304.jpg

那么,编译后的结果为:
http://img.mukewang.com/climg/5efbe9cd0957eaba04550277.jpg

同学是想实现编译后的写法如下?

http://img.mukewang.com/climg/5efbeb0909704c5504230113.jpg

如果是的话,可以参考下方:

http://img.mukewang.com/climg/5efbeb45098c5b7903440251.jpg

另外:如果有疑问,建议同学新建一个问答进行提问,便于同学后期的复习与整理。

祝学习愉快~

1

好帮手慕言

2020-06-03

同学你好,关于同学的疑问,解答如下:

1、如果直接写:hover的话,那么意思是带有hoverlink类名的a标签。设置和a:hover同样的样式

http://img.mukewang.com/climg/5ed78aeb09ada6c204540251.jpg

编译后的代码:

http://img.mukewang.com/climg/5ed78b4e0960e10e05010119.jpg

2、如果两个元素都有hover,也就是下方的写法:

http://img.mukewang.com/climg/5ed78ca10942d8c904420200.jpg

如果想要实现给hoverlink添加hover状态,又加给指定的元素,例如下方的写法:

http://img.mukewang.com/climg/5ed78cc2098a842a02620044.jpg

是没有办法实现的。

如果同学不是想实现第二条的效果,可以把想编译后的css代码粘贴上来,老师帮助解答。祝学习愉快~

0
hurora_Meteor
h 老师如果是您回答中的第二种情况,直接继承:hover的话,继承结果会是a:hover和.hoverlink:hover样式一样,.c:hover和.hoverlink:hover样式一样吧? 如果我想实现的是继承后的结果只是.c:hover和.hoverlink:hover样式一样【同时.hoverlink不会和.c的样式一样】,该如何做呢?
h020-06-30
共1条回复

0 学习 · 10739 问题

查看课程