css样式
css样式
1.继承
继承性:
继承属性是由父级添加的属性进行继承的。
有一些属性给父类或祖先元素设置后,其后代元素也会继承该样式,这就叫做继承性。
继承性是从当前元素开始,一直到最小的元素。
后代元素能够继承来自祖先元素的文字样式。这些属性包括:color,text-开头,line-开头的,font-开头的。
示例:
这里给div标签添加的样式并没有给p标签添加。
然而p标签还是有样式存在,这就是继承性。
【注】关于盒子、定位、布局的属性,不能被继承。
2.层叠权重的选取属性
样式表:行内式>内嵌式与外链式 (就近原则)。
选择器:ID选择器>类选择器>标签选择器。
复杂选择器权重的计算比较数基础选择器的数量:
ID选择器的数量
类选择器的数量
标签选择器的数量
ID选择器的权重记为100,类选择器记为10,标签选择器记为1。
比如:
三个分别为id选择器,类选择器,标签选择器。
权重相同时,比较书写顺序,在后面的会覆盖前面的。
【注】
1.并集选择器计算权重时,要分开计算。
2.如果不能直接选中元素,通过继承性影响的话,权重为0。
3.同一个标签,携带了多个类名,且样式有冲突时,跟类名的顺序无关,和样式的先后顺序有关。
总结:对于相同的选择器:样式表的排序:行内>内嵌与外链(就近原则)
对于非行内样式表,选择器排序:id>类>标签。
3.important
important 翻译:重要的。
【慎用】
格式: