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

chagola 2011-11-06 11:27:55

<div class="vote mt1">中

vote 和mt1是什么关系啊？

...全文

486 5 打赏收藏转发到动态举报

写回复

用AI写文章

5 条回复

切换为时间正序

请发表友善的回复…

发表回复

圆㺭 2011-11-07

打赏
举报

知道了，谢谢楼上。。

碧海情天-赵亮 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>