css中 用逗号隔开表示两个不同类的样式类名用同一个样式;空格隔开表示从属包含关系,是当前的元素子元素;逗号隔开表示并列关系,两者之间没有任何关系,可以使用同一个样式。比如下面的代码示例: 子内容内容内容2 .content .content-child{ color:red;//空格隔开表示在类content下的类样式...
css样式 逗号和空格的区别
逗号分隔类名,空格表示该类名下的任意符合要求的子元素2016-11-07
css中 用逗号隔开表示两个不同类的样式类名用同一个样式;
空格隔开表示从属包含关系,是当前的元素子元素;
逗号隔开表示并列关系,两者之间没有任何关系,可以使用同一个样式。
比如下面的代码示例:
<div class="content"> <span class="content-child">子内容</span>内容</div><div class="conter">内容2</div><style> .content .content-child{ color:red;//空格隔开表示在类content下的类样式.content-child的样式被改变了 } .content,conter{ color:#ffd014;//逗号表示在不同的类下,样式都被改变。 }</style>
2017-05-03
逗号两边是兄弟关系,空格两边则是父子关系2016-11-07
逗号是 A与B 同时具有,空格是 在A标签内部具有B~~的标签,前者是两个都,后者是被限定了的B
--itjob2016-11-07