请问关于css属性优先级问题

[「已注销」]

<div id="mybox">
<p class="a1">a1</p>
<p>a2</p>
<p>a3</p>
<p>a4</p>
</div>

目的是这样的``除了a1以外 其他的全部设置成 text-align: right; 而a1是 text-align:left;

我先设置了
#mybox { text-align: right; }
跟着
#mybox .a1 { text-align: left; }
这样设置 始终是全部靠右 ··#mybox .a1 { text-align: left; }并不生效，想知道应该怎么办````

[swswssw]

直接写
a1 { text-align: left; } 试试试看:)

[「已注销」]

class="a1" 是选择器么？ 不行吧````

[「已注销」]

<style type="text/css">
#dybox {margin:0; padding:0; width:200px; border:1px solid #ddd; text-align:right;}
#dybox .a1 {text-align:left;}
</style>
<div id="dybox">
<p class="a1">a1</p>
<p>a2</p>
<p>a3</p>
<p>a4</p>
</div>

在firefox 1.5.0.9和ie6里面似乎都不行 不知道什么问题```是必须.a1 而不能是#dybox 里面的.a1 么？

我是这样写的

[ddcatlee]

楼主这么写是没问题的，是不是别的地方有错误？

[「已注销」]

慢慢研究``````````

[zxfly]

理论上#mybox的优先级就低于#mybox .a1，楼主代码没问题吧
我浏览器上测试可以，是不是还有其他代码有定义它们的属性？
还有，swswssw的是错误的，要定义class类属性，必须.a1……

[飘零雾雨]

<style type="text/css">
#dybox {margin:0; padding:0; width:200px; border:1px solid #ddd; text-align:right;}
.a1 {text-align:left;}
</style>
<div id="dybox">
<p class="a1">a1</p>
<p>a2</p>
<p>a3</p>
<p>a4</p>
</div>