CSS优先级问题

直接修改CSS中a元素的字体尺寸，http://community.csdn.net/Expert/TopicView3.asp?id=4486236

解决方案 »

  1.   

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
    <title>无标题文档</title>
    </head><body>
    <a href="#" style="font-size:10px">link1</a><br>
    <a href="#" style="font-size:10px">link2</a>
    <input type="button" value="Change style" onClick="changestyle()" />
    <script>
    function changestyle(){
    for(var i=1;i<=document.getElementsByTagName("a").length;i++)
    document.getElementsByTagName("a")[i-1].style.fontSize=20;
    }
    </script>
    </body>
    </html>
      

  2.   

    现在不止是A这个标签，而且页面上所有的标签比如<font ><table><td>等等,而且有些不是直接写在style="font-size"的形式，有些是写在<style></style>里面，而有些是写在CSS文件上的!现在需将整个网页中的字体变为原来的两倍!!!
      

  3.   

    .con {
    font-size: 10px;
    }
    <a class="con">test</a><td class="con">...</td>
    ...在不同的放大比例下用脚本相应的修改 con 的 font-size 大小，为 20px, 30px...关于如何取到 css 中样式的对象，我在前面回复的帖子中的链接你可以打开参考一下。
      

  4.   

    CSS有三种用法：行内插入式（style），头部方式（<style></style>），外连文件方式<LINK id="st" href="aa.css" type="text/css" rel="stylesheet">）.它们的优先级是先行内插入式再头部方式再外连文件方式
      

  5.   

    是呀 行内插入式(style)最高了，如果所有的标签这都像<a style="font-size">这样写，那么改也改不掉呀，除非遍历所有的节点，然后修改style,但这样损失惨重呀，javascript效率不高的呀!
      

  6.   

    那我现在又有一个问题了，如果我给你一个静态网页，在不改动我的HTML文件情况下(只在HTML文件添加一个按钮及onclick事件的函数)，能否把所有文字的字体大小都变为原来的两倍呢???