Question

DIV+CSS给网页布局的时候，CSS文件里面的声明（#main 或者.main ）是不是只能提供一个div调用？

就是说，我知道类选择器可以由多个DIV调用，但是如果我在CSS文件中的 .main｛｝这里面加了绝对定位，并且设置了top:12px; left:23px;这两个属性后，我在1.html中的div{class="main"}的位置会和我另一个页面2.html中的div{class="main"}一样~~~我就想知道，有没有办法能让我不同的DIV调用同一个类的声明，但是却可以摆放不同的位置？还是说涉及到定位问题的时候，我就要建多另一个类来调用（1.不知道你们是否搞清楚我的问题？？ 2.我是不是有点异想天开了）

Answer 1

你好，你很有想法吗！
两个页面调用同一个样式。你想让它们的位置不同。
你可以在你想根本位置的div中重写style.
例如你设置了top:12px; left:23px;
如果你想根本top值，
你可以<div class="main" style="top:500px;"></div>
这样除了你改变的top值，其他的值都会和main类样式里的相同。
希望对你有帮助，再见。

Answer 2

=w=俺读了几次，貌似有点懂了吧……
就是说，有 1.html 和 2.html 这两页，这两页中有同一个类
.main
用CSS设置后，虽然都能应用这样式，但这两页可以独立设置位置或其它。
是这样的吗？

如果是这样的话，可以是可以，但要在各页再独立设置样式，如：
用link共享同一个css文件，内容这样：
.main{position;absolute;}

在1.html中用内嵌样式独立设置
<style>
.main{left:10px;top:100px;}
</style>

在2.html中用内嵌样式独立设置
<style>
.main{left:20px;top:200px;}
</style>

或者这两页各独立引入或导入一个不同的css文件，1.css、2.css，里面的代码跟上面的样式一样。

=w=,不知道俺这样说是否明白？

还有，如果这两页的代码不完全相同，如：
1.html
<div>
<ul class="main">
<li>内容</li>
</ul>

2.html
<div>
<div class="main">内容2</div>
</div>

这样的话就可以写两条不同的选择器就行。
.main{position:absolute;}/*共享属性*/
1.html样式
div ul.main{left:10px;top:10px;}

2.html样式
div.main{left:20px;top:20px;}

=w=^打着打着，忘了还有啥情况……、
最后，css这东西，就是要异想天开！~
以上……

=w=,还有用行内式……

Answer 3

可以这样写
比如说 .main{} .main_new{}
调用这2个属性时直接写
class="main main_new";
这个DIV就先读取main的属性 然后在读main_new的属性

Answer 4

要摆放不同的位置就要写不同的样式，写不同的样式就要不同的选择器，这就要定义不同的类名。如果你坚持用同一个类名，就要用到上下文选择器