当前位置: 首页 > Web前端 > CSS

关于a标签的颜色和字体继承

时间:2023-03-30 15:22:42 CSS

在div中嵌套p元素和a元素,设置样式如下

这是段落

thisisalink
div{/*设置字体颜色不会被a标签继承,因为a标签有默认样式*/color:red;背景色:#ccc;font:20pxVerdana,Helvitica,sans-serif;}由于CSS的层叠,a元素从div继承的样式(颜色:红色)被浏览器a元素的默认样式覆盖(默认链接颜色为蓝色,字体带下划线)。改变链接颜色有两种方法1.改变标签的默认样式:div{color:red;背景色:#ccc;font:20pxVerdana,Helvitica,sans-serif;}/*改变标签的默认样式Style*/a{color:black;}2.改变标签的默认样式继承color:inherit;a{color:inherit;}为什么标签不能继承CSS中父类的颜色?CSSCascading-MDN《CSS权威指南》第3章