                        课程
                    
                        /前端开发
                        
                            /HTML/CSS
                        
                        /网页简单布局之结构与表现原则

求解.demo01 .left{...}是什么意思

.demo01 .left什么意思

001122

2016-08-21

源自：网页简单布局之结构与表现原则 2-1

关注问题我要回答

2071

操作

收起

2 回答

clownis 回答被采纳 +3 积分
2016-08-21

外部div的class属性值为demo01，内部div的class属性值为left，.left是.demo01的子元素，该css代码的意思是设置.demo01的子元素.left的css样式

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

收起回答

001122 提问者

非常感谢！

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

DylmHai
2016-08-21

.demo01 .left指class为demo01的类和left的类，之所以这样写是为了简化代码，可以将多个类的样式写在一起。

例如：

.demo01 .left{ width:100px; height:100px; }

与下边代码的效果一样

.demo01 { width:100px; height:100px; }

.left{ width:100px; height:100px; }

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

收起回答

clownis

你说错了，多个类的样式写一起，中间是用逗号隔开，而空格指的是后代选择器

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

DylmHai 回复 clownis

对的，上边写错了

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

0/150

提交

取消

网页简单布局之结构与表现原则

参与学习 108319 人
解答问题 375 个

入门必杀技之结构与表现相分离，课程会有3个案例，不同角度讲解

进入课程

求解.demo01 .left{...}是什么意思

我要回答关注问题

热搜

最近搜索清空

求解.demo01 .left{...}是什么意思

2 回答

求解.demo01 .left{...}是什么意思