cube 和c1

基础差，请原谅我很低级的问题，选择器里 .cube{} .cube>div{} .c1>div{}是怎么区别的，自己写的时候老搞混。

谢谢：）

newbie朱古力 2017-01-24

源自：CSS3转换 6-6 backface-visibility

42

收起

1回答

慕尘roz 2017-01-24 16:44:05

一个元素可以有多个class，中间用空格分开，如class="cube c1"。> 是子元素选择器。课程里两个div容器都应用了cube这个class，还分别用了c1和c2两个class。两个div容器里又各放了6个小div。.cube{}就是选中了两个div容器，.cube>div{}就是选中了两个容器里面的12个小div。.c1>div{}是添加了c1这个class的div容器里面的6个小div。

提问者 newbie朱古力 #1

谢谢您的回答：）。选中12个小div为什么不能直接用 .cube呢，我理解这个class里边就包括了子div了呀，为什么还要加>div?

2017-01-24 17:28:24
慕尘roz 回复提问者 newbie朱古力 #2

你可以尝试一下，只用.cube来添加样式，比如宽、高、边距这些，子元素肯定不会和父元素有一样的值，况且本来它们样式也不该是一样的。通常在CSS里我们给一个父元素设置一些文本类样式，比如字体大小和颜色等，会发现子元素也应用了这些样式。这是因为这部分属性默认可以被继承，子元素继承了父元素的这些属性和值。但还有很多属性的继承性不是默认允许的，不适合被继承。比如宽高边距边框背景等一些盒子类属性。所以选中父元素就选中所有子元素这样说不太准确，况且像课程中，容器下面的子元素有自己的样式，需要单独设置的。

2017-01-24 22:46:11
提问者 newbie朱古力回复慕尘roz #3

嗯嗯，谢谢你:)

2017-01-25 06:25:15

相似问题

这个地方为什么不可以写成char c1 = n; 谢谢

老师你好：为什么我的C1输出不是效果图中的A？而是65

求问：11行22行正确写法是什么？为什么？还有其他哪里需要改正么？求指教

怎么定义一个字符型变量c1，赋值为n，并输出c1的值

char c1=65; System.out.println(c1); 输出结果为什么是A呢？

登录后可查看更多问答，登录/注册

HTML5与CSS3实现动态网页 2018

参与学习 1887 人
提交作业 4643 份
解答问题 5760 个

有HTML和CSS基础，却不知道如何进阶？本路径带你通过系统学习，完成从“会做网页”到“做出好的动态网页”的蜕变，迈出成为前端工程师的第一步。

本课精华内容

问答作业

请忽略此问答

26 33

公式书写。。

31 19

3-8编程练习哪有问题

47 17

全局变量与函数内的全局变量

119 15

编程练习4-4的问题

111 15

查看更多本课问答

请稍等 ...

意见反馈帮助中心 APP下载