transform后者为什么没有覆盖前者

来源:2-14 项目作业

慕娘6946939

2019-11-21 12:19:26

http://img.mukewang.com/climg/5dd60f39094b63a608820650.jpghttp://img.mukewang.com/climg/5dd60f4c0956150d08600280.jpg老师好,我先在cloud伪元素上使用了transform属性,然后又在cloud:nth-child选择器上使用了transform属性,两次transform属性都应用于cloud元素,为什么transform后者没有替换transform前者,而是两次共同起作用。(虽然我想实现的效果是两次共同起作用)

写回答

1回答

好帮手慕慕子

2019-11-21

同学你好,因为cloud::before和cloud:nth-child(2)选择的不是同一个元素,所以不会发生同名属性覆盖的情况。

1、.cloud::before表示在cloud下插入元素,实际上是伪元素,无法通过CSS元素选择器选择

2、.cloud:bth-child(2)表示选择父元素中的第 2个子元素

所有两者设置的样式不会发生冲突,如果还有疑惑,可以新建提问, 将写的完整代码粘贴过来,便于帮助同学准确的定义与解决问题

如果帮助到了你,欢迎采纳,祝学习愉快~

0

0 学习 · 40143 问题

查看课程