使用JQuery时CSS样式的优先级问题!!

在body的代码如下:
    <p>aaaaa</p>
    <p>ccccc</p>
    <div>
        <p>aaaaaaa</p>
    </div>
三个P标签,当我使用JQuery对它应用样式时,
  $(document).ready(function(){
         $("p").css({ "margin-left": "10px", "background-color": "blue","color":"#fff"});
         $("div:has(p)").addClass("test");
  });

发现在div下添加的的P的类样式test不起作用.样式的优先级失效! 如果没有设置段落P的样式时, 样式test有效,请教高手~~~

附:test样式
.test{color:#0000CC; background:#FF6699;}

样式当然是   直接用css方法写在元素上的优先级比写class更高咯

建议全部都用class控制，不要直接写样式

此外你还搞错了一点

$("div:has(p)")找的是div，不是p，对父元素设置样式，这属于优先级最低的…至少也要写成$("div>p")吧

此外就是css相当于直接在元素上设置style，这是优先级最高的，因为最具体。

明白了, 非常感谢~~~~~~~~~~~~~~~~~~