CSS里面如果有多个div,定义多个class为什么无效?

2024-12-16 19:48:37
推荐回答(4个)
回答1:

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

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

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

回答2:

从需求入手进行分析:

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

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

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

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

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

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

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

回答3:

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

div.bb{
margin:0 25% 75% 25%;
font-family:"KaiTi";
}

回答4:

你直接给div id多好。