高要住房和城乡建设局网站,效果图制作公司排名,公司注册网站及流程,新媒体营销和网络营销的区别1.首先抛出一个问题#xff0c;为什么最终’a’标签渲染的颜色是蓝色。
divaclick/a
/divdiv {color: red
}为什么a标签没有继承父元素的color属性#xff1f;
2.先抛出一个结论#xff1a;每一个元素必须拥有全部css属性并且有值浏览器才…1.首先抛出一个问题为什么最终’a’标签渲染的颜色是蓝色。
divaclick/a
/divdiv {color: red
}为什么a标签没有继承父元素的color属性
2.先抛出一个结论每一个元素必须拥有全部css属性并且有值浏览器才能正确渲染出元素这个元素从无属性值到每个属性都有值为css属性的计算过程。
第一步.确认声明值参考样式表中没有冲突的声明作为css属性值。比如一个h1标签的开发者样式表和浏览器默认样式表进行对比没有冲突的样式会直接作为这个元素的最终样式。
第二步.层叠冲突多种选择器或者浏览器默认样式都选中设置的样式为层叠冲突对于层叠冲突的处理分三步 1比较重要性开发者样式覆盖浏览器默认样式比如使用通配符*设置margin:0后body的默认8像素的margin就没有了。 2比较特殊性选择器的权重。 3比较源次序后面的覆盖前面的比如p{color:blud,color:red} 文字颜色为红色
第三步.使用继承对仍然没有值的属性若可以继承文字相关的等则继承父元素的值所以回到最开始的问题a标签默认有color属性值所以不会继承div父元素的color值
第四步.使用默认值对于仍然没有值的属性使用默认值
打开浏览器开发者工具进入computed标签查看。
