css选择器的主要组成

1 通用选择器,使用度不高,作用类似通配符,匹配所有元素.用" * "号表示,用来对也面上所有元素应用你所需要的样式.例如我们最最经常使用的:

*{padding:0; margin:0;}

这个样式规则实际上是说去掉浏览器默认的填充和边距上的空白.

2 标签选择器

(1)类型选择器,就是我们常用的"tag", p{} a{}....

(2)后代选择器, p li{} h2 span{}

3 常用

(1)Id选择器, #Id{}....

(2)类选择器, .class{}

用过滴都知道...不废话,只进行科学分类,进行知识体系化

对于选择器滴原则吗,个人觉得(犯过无数的错误之后)尽量不要出现不必要的Id以及class,如果没有这两个选择器的辅助就很难得到元素的时候,就要考虑是不是自己的结构出现问题,好的方法是在父级或者更高级别的元素应用Id...当然,具体要看实际情况.

4 伪类

主要是描述一些条件情况的样式.

a:visited.....

其中,:link,:visited,学名为链接伪类.....:hover,:focus等是动态伪类,据说可以应任何元素,其实不然,因为浏览器的差异.

FF支持,Ie6及以下版本,只有应用于链接元素的:active,:hover,:focus无效.

不赘述,概念问题.

5 高级选择器

(1)子选择器和相邻选择器

(2)属性选择器

以上由于Ie6及其以下版本并不支持,所以不多做描述,本人的应用也不多,但是如果css的这些扩展得到推广,相信将会大有裨益.

6 css优先级计算

这一部分Lan天才同学CSS选择器优先级的数位计算法 一文提供了非常充分的demo和讲解,在此只进行归纳和部分缺失内容补充.

(1)优先级.css的优先级算法规则如下:

以上的每一种选择器都被分配了一个优先级的数字值.将每个选择器的值加在一起,就得出了优先级.css的优先级并不是以10为基数,这一点要注意.为的是高级的选择器不会被海量的低级选择器冲淡优先级.

优先级被分成4个等级,a,b,c,d

行内样式(style="******"),a=1.

Id选择器的个数总和=b

类选择器,伪类选择器,属性选择器的总数量=c

类型选择器(tag)等选择器总数的总数量=d

特殊性的写法举例

style="" 1,0,0,0

#id1 #id2 0,2,0,0

#id1 .class1 0,1,1,0

p#id1 0,1,0,1

#id1 0,1,0,0

依次类推.........

注:如果有相同优先级的值,那么,后写的优先级高

7 继承

初学者(例如我)会将这个概念和优先级混淆(好像也没什么可比性)...

继承是指对一个元素应用了样式,那么某些属性会被后代元素默认的应用.最常用的就是字体等属性.

继承于优先级的合理运用,将会使你的文档相当的骠悍 hoho```

说道这里,停,本文技术含量不高,扫盲贴呵呵.

我们遇到了太多解决了和解决不了困难。面对这些困难，我们努力过，成功过，沮丧过，痛苦过。但正是因为这些可预计和不可预计的考验，才使我们变得成熟而团结，才使我们原本弱小的肩膀变的坚强。我们一直自诩攻无不克，我们一直骄傲的走在南农深夜的校园中，我们一直认真的对待着种种赞扬和非议。太多的名字太多的故事我们无法忘记，孟勇，王涛，刘建华，严俊羿，张旭东，刘志丹，杨斌……

但是现实终有让我们无法抗拒的力量。我们一次一次的认识到自己的弱小和不成熟，一点一点的发现了我们的种种缺点，又一次一次品尝失利的滋味。幸运的是没有人被打倒，幸运的是每一个绿岛人都是自信的，乐观的，幸运的使每一个绿岛人都有自己独立的思想和愿望。

绿岛的精神不能被遗忘，她属于我们的母校，她属于所有支持过我们的老师和同学们，她属于所有认可和鼓励过我们的人，她属于每一个为之奋斗过的绿岛成员。我们不能因为成功或者失败就去随意的夸大或者否定她，这是属于我们每一个人的成长记录，美好的，无法抹去的经历。我坚信，每一个真正的绿岛成员，都会以自己为绿岛人而骄傲！

仅仅希望能够通过这个简单的博客，沟通我们几代绿岛人的感情，分享每个人的收获和遗憾。让我们知道，这世界上总是有着这样的一群人，我们怀着同样的感恩的心和生活的热情，奋斗在这未知的世界上，我们并不孤独。

声明以下几个问题：

1 加入注册本博客必须是曾经绿岛成员（包括曾经在绿岛因为各种原因退出的），注册请看这里。

2 每个成员在发表文章时，请不要忘记署名，因为wordpress有的皮肤并不会读取文章作者，而且管理员是可以看到文章作者的。

3 发表文章必须表明是原创还是转载

4 希望已工作的成员能够热心帮助低年级的成员

5 请大家维护好自己的人脉，这里或许若干年后将是我们职场生涯中最有帮助的地方.

6 关于博客的使用方法，近期会有扫盲帖：）

胡俊勇 08－07－25 01：30