关于CSS的优先级问题

只要disabled属性为false,style是一直在起作用的
所以<style>
      ul {display:none}
    </style>并未失效~

解决方案 »

  1.   

    开始的时候是隐含的，点击了button后就显示了
      

  2.   

    head里的style是一直起作用的
    只是只接写style的优先级更高硬要倒过来，感觉做不到~``````得想想想别的办法
      

  3.   

    可以动态改变样式表来实现：
    <head>
    <style id='style1'>
      ul {display:none}
    </style>
    </head>
    <ul id=i1>jhvjhbgjh</ul>
    <ul id=i2>aaaaaaajhvjhbgjh</ul>
    <br>
    <input type='button' onclick='document.styleSheets[0].rules[0].style.display="block"' value="block">
    <input type='button' onclick='document.styleSheets[0].rules[0].style.display="none"' value='none'>
      

  4.   

    <head>
    <style>
    ul {display:none}
    </style>
    </head>
    <ul id=i1>jhvjhbgjh</ul>
    <ul id=i2>aaaaaaajhvjhbgjh</ul>
    <br/>
    <input type=button onclick="test()">
    <script language="javascript">
    function test()
    {
    var ul=document.getElementsByTagName("UL");
    for(i=0;i<ul.length;i++)
    {
    ul[i].style.display=ul[i].style.display=="none"||ul[i].style.display==""?"block":"none";
    }
    }
    </script>
      

  5.   

    上面循环中的语句也可以改为：ul[i].style.display=ul[i].style.display!="block"?"block":"none";