css并列的样式是什么意思?

chagola 2011-11-06 11:27:55
<div class="vote mt1">中

vote 和mt1是什么关系啊?
...全文
487 5 打赏 收藏 转发到动态 举报
AI 作业
写回复
用AI写文章
5 条回复
切换为时间正序
请发表友善的回复…
发表回复
圆㺭 2011-11-07
  • 打赏
  • 举报
回复

知道了,谢谢楼上。。
  • 打赏
  • 举报
回复
[Quote=引用 2 楼 chang_yuan_2011 的回复:]
在css里面如果同时对一个元素设定了几种样式,则根据选择符优先级来决定采用哪一个样式。优先级最高的id选择符,然后是类选择符,然后才是其他的几种。如果对同一元素设定的几种样式优先级一样的话,就根据“就近优先原则”选择,如楼上举得例子,.a和.b都是类选择符,优先级一样,但是.b里div元素比.a离div元素近,所以显示的是.b的样子,就算写成

<div class="b a">看看究竟什么颜色,边距是多少</div>
结果也是一样的。[/Quote]

其实这是一种误解。不是离得远近的问题。比如下例:
<div class="a b">theforever_csdn</div>
<div class="b a">theforever_csdn</div>

<style>
.a {color:red;}
.b {color:blue}
</style>
B虽然离DIV比A远,但还会按B的定义来显示。
准确地说,是定义顺序的问题。STYLE无论出现在哪里,优先级相同时,反复定义的样式会以最后一个定义设置为准。就象一个变量,开始被赋一个值A,后来又被赋一个值B,最后取结果时自然以最后一个为结果。
圆㺭 2011-11-06
  • 打赏
  • 举报
回复
在css里面如果同时对一个元素设定了几种样式,则根据选择符优先级来决定采用哪一个样式。优先级最高的id选择符,然后是类选择符,然后才是其他的几种。如果对同一元素设定的几种样式优先级一样的话,就根据“就近优先原则”选择,如楼上举得例子,.a和.b都是类选择符,优先级一样,但是.b里div元素比.a离div元素近,所以显示的是.b的样子,就算写成
<div class="b a">看看究竟什么颜色,边距是多少</div>
结果也是一样的。
sunen 2011-11-06
  • 打赏
  • 举报
回复
给个例子给你,应该就清楚点。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
<title>无标题 1</title>
<style type="text/css">
.a{
color:red;
padding-left:10px;
}
.b{
color:lime;
padding-left:10px;
}
</style>
</head>

<body>
<div class="a b">看看究竟什么颜色,边距是多少</div>
</body>

</html>

总之CSS执行的是“后进先用”的原则,希望你能明白

61,129

社区成员

发帖
与我相关
我的任务
社区描述
层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。
社区管理员
  • HTML(CSS)社区
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧