登高望远

    在DIV+CSS设计网页时, 总会碰到一些CSS属性优先级问题. 如果不清楚优先级的等级, 直接想当然的认为应该是这样, 就很容易出错.  这里分析一个本人碰到的问题, 学习一下属性优先级问题. 
    下面是代码测试代码:

   通过CSS来隐藏文字是网站设计做常用的方法, 有多种方法可以达到隐藏文字的目的. 这些方法各有优点和缺点, 下面就来看看这些用CSS隐藏文字的
一. CSS语句:display:none
  这种方法就是使定义的区块内容都不可见, 来达到隐藏文字的目的，这种方法虽然简便且有效，但它有个致使的缺点就是对搜索引擎不友好，容易被认为是在作弊, 还有好多程序都会认为区块内容没有而略过而读不到内容, 这很不利于SEO的. 关于SEO具体可以看: SEO学习必须通过这个途径

    在我们写有的程序模板的时,   有时想突出重点, 想临时改变链接的颜色.  会发出不太好操作,  因为如果用CSS直接定义<a>的color 是不能改变链接的颜色的.  要去定义上级元素的 a 属性,  这样如果只有少量的几个链接要改变颜色, 这样去做就太麻烦了. 
    有没有简单一点的方法. 我的做法是先设好几个颜色的class,  直接在  <a> 里加入一个class就行了.

      对一个没有确定数目的element,   如果有的元素跟其它的不一样,处理起来很麻烦.  比如一个网站的导航菜单,我们希望在第每个菜单项的中间加个  | 来分隔, 这样的情形如果每项都用相同的style, 最后的一个也会出现一个分隔, 显然这不是我们所想要的. 所以你必须到程序中设置输出最后一项时,使用不同的Class.  这样程序和页面两个方面都要更改.
     其实如果我们用Jquery的强大元素选择能力,完全可以不用去修改程序,只要在页面和加上几行JS代码就可以实现.
 前提是页面载入了jquery, 加入以下代码:

$(document).ready(function() {
$("#menu li:last").addClass("noseptation");
});

     其中的$("#menu li:last")就是选择了id为menu的区块最后一个<li> ,后面就是加上一个class,这个class设置没有分隔符就行了. 我们可以看出,
     这种方法很简单, 还可以选择first,second,third…last,都可以加上不同的class. 确实很方便.