阅读: 19 评论: 0 作者: 咖啡不苦 发表于 2010-03-02 16:40 原文链接
1.2 为样式找到目标
1、类型选择器用来选择特定类型的原素。比如p,a,h1等等。也叫元素选择器或简单选择器。
2、后代选择器用来寻找特定元素或元素组的后代。后代选择器由两个选择器之间的空格表示。如li a或#nav #navItem.
3、id选择器和类选择器用于选择具有特定id和类名称的元素。id选择器以#开头,类选择器以.开头。
4、为了防止“多类症”,推荐对祖先元素定义一个id或class。后代元素用后代选择器选择。这就要求有良好的文档结构。
5、如果希望根据文档结构以外的其他条件来运用样式。可以使用伪类。:link和:visited称为链接伪类,只能用于锚元素。:hover、:active、:focus称为动态伪类。理论上可以用于所有元素。但实际上只有fireFox等少数浏览器支持动态伪类功能。
6、通用选择器用一个*表示。他可以匹配所有可用元素。通常用于覆盖浏览器默认样式,或者和后代选择器配合使用用于选择某个元素(组)的所有后代元素或跳过某一级后代元素。
7、其他高级选择器由于IE6不支持,不推荐使用。分别有:子元素选择器如:#nav>li、相邻同胞选择器如:h1+p、属性选择器如:a[title]
8、使用style属性在元素上编写的样式比其他任何形式的样式都特殊,有id选择器的规则比没有id选择器的规则特殊,具有类(classs)选择器的规则比只有类型选择器的规则特殊,如果多个选择器的特殊性相同。则写在最后面的最特殊。
9、可以在一般的元素上运用一般的样式,在特殊的元素上覆盖他们。
10、在body上运用class或id。可以在页面或者站点范围内覆盖样式,这种做法叫css签名。
11、继承:运用样式的元素的后代元素会继承样式中的某些属性,比如字号和颜色。继承可以简化css代码。但过多的继承会使判断元素的样式来源变得复杂。
最新新闻:
· IBM发布第五代X架构 打破X86系统30年技术局限(2010-03-03 22:47)
· 互联网手机业务成香馍馍 上海电信盯牢3G市场(2010-03-03 22:38)
· Twitter信息总量即将突破100亿条大关(2010-03-03 22:34)
· Opera为何无法进一步拓展市场(2010-03-03 21:38)
· Symbian版 Skype登陆诺基亚Ovi Store(2010-03-03 21:04)
编辑推荐:Opera为何无法进一步拓展市场