CSS里面如果有多个div，定义多个class为什么无效？
看下我的代码：<html><head><styletype="text/css">aa.div{margin:25%25%;text-align:center;}bb.d...
看下我的代码：
<html>
<head>
<style type="text/css">
aa.div{
margin:25% 25%;
text-align:center;
}
bb.div{
margin:0 25% 75% 25%;
font-family:"KaiTi";
}
</style>
</head>
<body>
<div class="bb">
<p>某某管理系统</p>
</div>
<div class="aa">
<form action="11.jsp" method="get" name="input" class="ff">
姓名： <input type="text" style="width:150px; border:solid green 2px" name="name"><br>
密码： <input type="password" style="width:150px; border:solid green 2px" name="password"><br><br>
<input type="submit" name="submit" value="提交">
<input type="reset" name="reset" value="取消">
</form>
</div>
</body>
</html>
代码中有2个div，然后每个div的效果又不一样，所以我定义2个class，但是在Style里面引用的时候最后不能实现想要的结果，这是为什么呢？
麻烦高手解答下！
哦 我还想不明白，为什么其它很多标签可以 ClassName.* {}，但是div标签 aa.div{}就不行呢？
麻烦解答下啊... 展开
<html>
<head>
<style type="text/css">
aa.div{
margin:25% 25%;
text-align:center;
}
bb.div{
margin:0 25% 75% 25%;
font-family:"KaiTi";
}
</style>
</head>
<body>
<div class="bb">
<p>某某管理系统</p>
</div>
<div class="aa">
<form action="11.jsp" method="get" name="input" class="ff">
姓名： <input type="text" style="width:150px; border:solid green 2px" name="name"><br>
密码： <input type="password" style="width:150px; border:solid green 2px" name="password"><br><br>
<input type="submit" name="submit" value="提交">
<input type="reset" name="reset" value="取消">
</form>
</div>
</body>
</html>
代码中有2个div，然后每个div的效果又不一样，所以我定义2个class，但是在Style里面引用的时候最后不能实现想要的结果，这是为什么呢？
麻烦高手解答下！
哦 我还想不明白，为什么其它很多标签可以 ClassName.* {}，但是div标签 aa.div{}就不行呢？
麻烦解答下啊... 展开
4个回答
展开全部
.aa{
margin:25% 25%;
text-align:center;
}
.bb{
margin:0 25% 75% 25%;
font-family:"KaiTi";
}
应该要这样定义的
ID的话就是#aa{} #bb{} 样式一样的写法
margin:25% 25%;
text-align:center;
}
.bb{
margin:0 25% 75% 25%;
font-family:"KaiTi";
}
应该要这样定义的
ID的话就是#aa{} #bb{} 样式一样的写法
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
从需求入手进行分析：
如果想实现的样式效果是多个div都具有同样样式，给多个div标签赋予相同的class名，可以达到同类class样式同时控制的效果
如果想实现的是div中嵌套的div中每个层级嵌套的样式都具有其各自的样式，则需要引入其他的“选择器”配合class的类选择器来分别控制
多个div的关系不是嵌套的是混合的或者是并列的话，同样在Css操作标签时需要结合其他的选择器来实现对某一div的精确控制
从代码运用的角度来纠错：
使用class时注意：类名的第一个字符不能使用数字！它无法在 Mozilla 或 Firefox 中起作用
确定CSS在控制标签时，标签元素正确继承属性
确认CSS代码中的样式属性代码正确，没有使用不存在的属性，比如把控制文字独有的属性错用到了块元素的属性控制上
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
div.aa{
margin:25% 25%;
text-align:center;
}
div.bb{
margin:0 25% 75% 25%;
font-family:"KaiTi";
}
margin:25% 25%;
text-align:center;
}
div.bb{
margin:0 25% 75% 25%;
font-family:"KaiTi";
}
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
你直接给div id多好。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（2）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
