css div class style请问-Java教程-爱易网页

css div class style请问

日期：2014-05-17　浏览次数：20715 次

css div class style请教
我使用了一个jqery.layout包，进行我的页面布局，每个div都有自己的class属性，现在我想改变背景，直接添加style发现改不了，覆盖的关系是怎样的呢？不是最优先使用标签中的么然后是页面定义的css 最后是引用的css 是这样么?

HTML code


<style type="text/css">
    body{
        font-size: 14px
    }
    div {
        LINE-HEIGHT: 22px;
    }    
    A {
        font-size: 13px;
        color: #4f6b72;
        text-decoration: none;
    }
    
    A:hover {
        font-size: 14px;
        color: #bb8345
    }
    
    .red {
        color: #FF0000
    }
</style>
<script src="jsfile/jquery-1.6.4.js" type="text/javascript"></script>
<script src="jsfile/jquery-ui-1.7.2.custom.min.js" type="text/javascript"></script>
<script src="jsfile/jquery.layout-1.2.0.js" type="text/javascript"></script>
<script type="text/javascript">
    $(document).ready(function() {
        $('body').layout({
            applyDefaultStyles : true,
            west__resizable: true ,
            west__closable: true ,
            togglerTip_open:"关闭",
            togglerTip_closed:"打开"
        });
    });
    
    function exit(){
        if (confirm("你确定要退出吗？")){
            window.location.href="exit.jsp?act=exit";
            }
        }

    function show(d1) {
        debugger;
        if (document.getElementById(d1).style.display == 'none') {
            document.getElementById(d1).style.display = 'block'; //触动的层如果处于隐藏状态，即显示
        } else {
            document.getElementById(d1).style.display = 'none'; //触动的层如果处于显示状态，即隐藏
        }
    }
</script>
<body>
    <div class="ui-layout-north"><font color="blue">Header</font>
    </div>
    <div class="ui-layout-west"  [color=#FF0000]style="background-color: red"[/color]> //这里不管用
                <div>
                    <A href="javascript:onClick=show('1')" style="color: blue"> 根节点2 </A>
                </div>
                <div id="1" style="display: <%=stylea %>; padding-left: 15px;">                
                    <a href="basicinfo.jsp" target="right">子节点1</a><br /> 
                    <a href="NEinfo.jsp" target="right">子节点2</a><br /> 
                    <a href="farendinfo.jsp" target="right">子节点3</a><br /> 
                    <a href="BCinfo.jsp" target="right">子节点4</a><br /> 
                </div>
                <div>
                    <A href="javascript: onClick=show('2') " style="color: blue">根节点2 </A>
                </div>
                <div id="2" style="display: none; padding-left: 15px;">
                    <a href="NEsta.jsp" target="right">子节点1</a><br /> 
                </div>
    </div>
    
    <div class="ui-layout-center">
    <iframe name="right" src=<%=iframe %> frameborder="0" width="97%" height="100%" ></iframe>    
    </div>
    <div class="ui-layout-south">footer</div>
</body>

------解决方案--------------------
样式是jquery在页面加载完之后才加上去的吧？
如果是那样那你想改的样式必须在它之后加上去才有效
------解决方案--------------------
不清楚,没有学到jquery

免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。

css div class style请问

相关资料更多>

推荐阅读更多>