css空格样式,css怎么段落空格

css样式 逗号和空格的区别

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

相关问答

Q1: CSS样式名之间空格，无空格和大于号的区别

比如下面这段代码:

div class="aa bb"

     p class="bb"

          span class="bb"/span

     /p

/div

选择器：.aa .bb

.aa和.bb间加上空格，是子选择器，选择.aa下含有.bb的子节点，子包括儿子节点、孙子节点，选择出的内容包括p.bb，span.bb;

选择器: .aa.bb

.aa和.bb间无空格，是选择同一个元素，只不过选择器粒度更精细了些，选择的元素既有.aa类，也有.bb类，选择出的内容为：div.bb

选择器:.aa.bb

.aa和.bb间加上大于号，也是子选择器，选择.aa下含有.bb的子节点，子只包括儿子节点，选择出的内容为p.bb

Q2: 在css里空格除了用&nbps，还能用什么写呢？

只能nbps，当然，如果要空格的地方太多，你可以在字符之间加上一个空div，设置一个宽，想要空多长的距离时就直接改这个div的宽度就可以了。

扩展：

1、层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。CSS不仅可以静态地修饰网页，还可以配合各种脚本语言动态地对网页各元素进行格式化。

2、CSS 能够对网页中元素位置的排版进行像素级精确控制，支持几乎所有的字体字号样式，拥有对网页对象和模型样式编辑的能力。使用Windows系统自带的记事本可以编辑网页。只需要在保存文档时，以.html为后缀名进行保存即可。

3、CSS为HTML标记语言提供了一种样式描述，定义了其中元素的显示方式。CSS在Web设计领域是一个突破。利用它可以实现修改一个小的样式更新与之相关的所有页面元素。Dreamweaver与Flash、Fireworks并称网页三剑客。Dreamweaver是集网页制作和管理网站于一身的所见即所得网页编辑器，它是第一套针对专业网页设计师特别开发的视觉化网页开发工具，利用它可以轻而易举地制作出充满动感的网页。