JBox不能样式css样式的问题解决

关于JBox

简单的说，JBox就是一个弹窗，各种各样的弹窗，丰富多彩的弹窗。它的使用方这个文件，里面的实例说的很清楚。下面我就说说我在使用的时候遇到的一个小问题：用"id"装载时不能识别CSS样式。

在html文件的body里添加如下代码：

<div class="div1">    <div class="div2">        <button onclick="c()">弹窗</button>    </div>    <div class="div3" style="display:none">        <p>red</p>    </div></div>

在script里添加函数：

function c() {    $.jbox("id:div3", {            title:aa,            width:...,            height:...,            buttons:...    });}

在css/layout.css里添加样式：

.div1 .div3 p{ color:red }

发现JBox弹出来的窗口显示的“red”还是黑色，不能识别css样式。

最后将css/layout.css里的样式改为：

.div3 p{ color:red }

就能识别样式了。

分析：

当div3放入JBox里后，应该是不识别上一层的div1，div3专属于JBox，所以.div1 .div3 p是不能被识别的，但.div3 p可以被识别。

以上都是自己试验后的得出的结论，纯属主观臆断，如有不对，或者更合适的解释，还请各路大神提出宝贵建议。（弱弱的问一句，macdown里怎样能把改变这段话的颜色？）