• 再读《精通css》02:选择器


        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代码。但过多的继承会使判断元素的样式来源变得复杂。   

  • 相关阅读:
    Javascript DOM 编程艺术读书笔记16/03/25
    2014 Multi-University Contest 1.1 hdu4861 打表找规律
    汇编小记16/3/23
    汇编小记16/3/22
    hdoj 4940 强连通图
    Head FIRST HTML & CSS 16/03/17
    html&css一些有用的网站整理
    dosbox+debug 模拟dos
    汇编小记16/3/15
    解决windwos另存为,保存文件时无法选择“桌面”文件夹
  • 原文地址:https://www.cnblogs.com/coffee/p/1676643.html
Copyright © 2020-2023  润新知