2019独角兽企业重金招聘Python工程师标准>>>
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代码。但过多的继承会使判断元素的样式来源变得复杂。