html多个空格css样式，html允许多个连续空格

CSS中class中的空格有什么意义?

一个class可以 写多个命名，（可以只调用其中一个命名来添加样式）中间用空格隔开。主要作用，是把样式相同的写在一个class类里面。避免代码重复编写，类似于JavaScript中的工厂模式的作用。

css中 用逗号隔开表示两个不同类的样式类名用同一个样式；空格隔开表示从属包含关系，是当前的元素子元素；逗号隔开表示并列关系，两者之间没有任何关系，可以使用同一个样式。

如果两个class之间以空格分隔，则两个class之间是包含关系，或者说前一个class是后一个class的父元素或者祖先元素（也可以说后一个class是前一个class的子元素或后代元素），样式将作用在后一个class上。

空格 是后代选择器的标识。如 div p{ width：100px； } 类选择器，设置的是同个类名(如name=“aClass”)的元素的样式；后代选择器，设置的是一个元素的某种后代的样式。

css选择元素时有没有空格的区别，举例如下：example .pp{ color： orange；} .example.pp2 { color： green；} 如上面的两个定义一个是中间有空格，一个是中间没空格。

这里用了逗号，作用是表示这3个class用的是相同的css属性。而如果用空格，变成这样：.ad_stu .ad_2 .ad_house{ ... }，其意思就全变了。

相关问答

Q1: css工作原理

1、层叠样式表(英文全称：CascadingStyleSheets)是一种用来表现HTML（标准通用标记语言的一个应用）或XML（标准通用标记语言的一个子集）等文件样式的计算机语言。

2、上下文选择符，严格来讲（也就是CSS规范里），叫后代组合式选择符（descendant combinator selector），就是一组以空格分隔的标签名。用于选择作为指定祖先元素后代的标签。

3、任何元素 element 都可以被浮动。段落、div、list、tables，以及图像都可以被浮动，事实上即使是像 span 和 strong这样的行内置元素也可以很好地进行浮动。

Q2: CSS解决浏览器的等宽空格问题

1、另一种方法是，改用 HTML 实体表示空格。helloworld空格字符HTML 处理空格的规则，适用于多种字符。除了普通的空格键，还包括制表符（\t）和换行符（\r和\n）。浏览器会自动把这些符号转成普通的空格键。

2、中文字体都是等宽的，一个全角空格的宽度就是一个普通中文的宽度。

3、这种问题的原因是：当浏览器窗口缩小到小于内层div时，实际内层div元素的宽度大于浏览器宽度，因而被撑开了。

4、}效果是达到了，但缺点是完全不兼容 ie 和 safari 浏览器。接着思考，既然上述实现存在兼容性问题，那么能不能为 2 个，3 个，4 个等这样长度的文本单独写 css 类解决，因为表单的文本框提示文字也不会很多。

5、这次给大家带来CSS怎么处理浏览器的默认样式，CSS处理浏览器的默认样式注意事项有哪些，下面就是实战案例，一起来看一下。发现最近在调整网页的格式发现网页底部总是有一个10像素左右的空格。

html多个空格css样式的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于html允许多个连续空格、html多个空格css样式的信息别忘了在本站进行查找喔。