[CSS] .class1.class2和.class1 .class2的区别

.class1.class2（中间没有空格）匹配的是同时拥有class1和class2的元素

1 <div class="class1 class2">...</div>

.class1 .class2匹配的是父节点有.class1，子节点有.class2的元素

1 <div class="class1">
2     <div class="class2">
3         ...
4     </div>
5 </div>

转载于:https://www.cnblogs.com/stevenguan/p/5984377.html

[CSS] .class1.class2和.class1 .class2的区别相关推荐

html中井号的作用,html5 css选择器井号, 句点的区别
一.理解CSS的样式组成CSS里的样式表是有规则组成的,每条规则有三个部分组成: 1.选择器(如下面例子中的:"body"),告诉浏览器文档的哪个部分受规则影响: 2.属性(如实例 ...
CSS top、margin-top和padding-top的区别
参考文献 CSS padding 属性 CSS里的padding是什么意思? CSS margin 属性 top.margin-top的区别 padding指内边距,是盒子里面内容到边框的距离,不允许 ...
CSS中100%和inherit(继承)的区别，以及inherit的简单应用
CSS中100%和inherit(继承)的区别正常情况下没有区别兼容性 100% ie6+ inherit ie8+ 该元素绝对定位,父元素使用静态定位(static)或没有使用定位时 100%继 ...
CSS的width:100%和width:auto区别
CSS的width:100%和width:auto区别一. 问题前段时间在调整树结构的时候,发现如果树的节点名称比较长的话在IE6下则不会撑开外面的元素,导致节点的名称只显示了一半,同时图标和 ...
Web前端，CSS常用之相对定位和绝对定位的区别，静态定位、子绝父相、固定定位、元素的层级关系的了解
前言持续学习总结输出中,今天分享的是Web前端,CSS常用之相对定位和绝对定位的区别,静态定位.子绝父相.固定定位.元素的层级关系的了解 1.定位的基本介绍我们的网页常见布局方式有:标准流.浮动. ...
css伪类与伪元素的区别
css伪类与伪元素的区别 1.伪类(pseudo-classes) 2.伪元素(Pseudo-elements) 3.伪类与伪元素的区别 1.伪类(pseudo-classes) 其核心就是用来选择D ...
添加css的方式：link与@import区别
如何在html中添加css? 在html中设置css共有三种方式,分别是: 行内式内嵌式导入式-link 导入式-@import 1.行内式.即在html标签中的style属性中设置css,值得注 ...
css内边距与外边距的区别
你真的了解margin吗?你知道margin有什么特性吗?你知道什么是垂直外边距合并?margin在块元素.内联元素中的区别?什么时候该用 padding而不是margin?你知道负margin吗?你 ...
浅析HTML、CSS、JavaScript之间的联系与区别
HTML.CSS.JavaScript是前端学习非常重要的内容.Web可以被看做是一个有生命的物体或人体,HTML可以视为骨骼和肌肉,CSS可以视为皮肤和毛发,而JavaScript可以视为受一定支配 ...

[CSS] .class1.class2和.class1 .class2的区别

[CSS] .class1.class2和.class1 .class2的区别相关推荐

最新文章

热门文章