CSS中的“class”里的样式属性是否能够有多个呢？

Question

CSS中的“class”里的样式属性是否能够有多个呢？

Answer 1

可以的
写法如下：
<div class="classname1 classname2 classname3 calssname..."></div>

class 属性规定元素的类名（classname）。

class 属性大多数时候用于指向样式表中的类（class）。不过，也可以利用它通过 JavaScript 来改变带有指定 class 的 HTML 元素。

class 属性不能在以下 HTML 元素中使用：base, head, html, meta, param, script, style 以及 title。
提示：可以给 HTML 元素赋予多个 class，例如：<span class="left_menu important">。这么做可以把若干个 CSS 类合并到一个 HTML 元素。

Answer 2

从需求入手进行分析：

1.     如果想实现的样式效果是多个div都具有同样样式，给多个div标签赋予相同的class名，可以达到同类class样式同时控制的效果

2.     如果想实现的是div中嵌套的div中每个层级嵌套的样式都具有其各自的样式，则需要引入其他的“选择器”配合class的类选择器来分别控制

3.     多个div的关系不是嵌套的是混合的或者是并列的话，同样在Css操作标签时需要结合其他的选择器来实现对某一div的精确控制

从代码运用的角度来纠错：

1. 使用class时注意：类名的第一个字符不能使用数字！它无法在 Mozilla 或 Firefox 中起作用

2. 确定CSS在控制标签时，标签元素正确继承属性

3. 确认CSS代码中的样式属性代码正确，没有使用不存在的属性，比如把控制文字独有的属性错用到了块元素的属性控制上

Answer 3

.aa{
margin:25% 25%;
text-align:center;
}

.bb{
margin:0 25% 75% 25%;
font-family:"KaiTi";
}
应该要这样定义的

ID的话就是#aa{} #bb{} 样式一样的写法

Answer 4

如果没个样式表里面的，属性都是一样的，那没关系的。
如果不一样的话，它会从html文档从上往下，一个一个继承，碰到一样的属性，下面的代码覆盖上面的样式代码,
比如：
site.css里面.a{width:100px;height:100px;}
base.css里面 ,a{width:200px;height:100px;}

<link href="css/sitte.css" rel="stylesheet" type="text/css" />
<link href="css/base.css" rel="stylesheet" type="text/css" />
如果你HTML里面是这样先后顺序的话，那 width：200px height:100px;

<link href="css/sbase.css" rel="stylesheet" type="text/css" />
<link href="css/sitte.css" rel="stylesheet" type="text/css" />
如果你HTML里面是这样先后顺序的话，那 width：100px;height:100px;

Answer 5

建议看看css规则层叠

例子：
site.css有：
.head_framework{ width:100%;}

base.css有：
.head_framework{ width:90%;}

在引用css文件时候，
<link href="css/sitte.css" rel="stylesheet" type="text/css" />
<link href="css/base.css" rel="stylesheet" type="text/css" />

后者将会覆盖前者，即.head_framework{ width:90%;}