a标签不设置其样式的话会默认为蓝色和下划线,为了方便后续设置,可以使其继承父级元素,只设置包裹a标签的父元素的color值就可以修改a标签的颜色。
a{
color: inherit;/*继承父级元素的颜色*/
text-decoration: none;
}
如下面例子,给li标签添加点击的active样式时设置字体颜色为红色,而a标签自身设置的有颜色就不会继承父元素设置的字体颜色。使用color: inherit;即可以解决。
a标签不设置其样式的话会默认为蓝色和下划线,为了方便后续设置,可以使其继承父级元素,只设置包裹a标签的父元素的color值就可以修改a标签的颜色。
a{
color: inherit;/*继承父级元素的颜色*/
text-decoration: none;
}
如下面例子,给li标签添加点击的active样式时设置字体颜色为红色,而a标签自身设置的有颜色就不会继承父元素设置的字体颜色。使用color: inherit;即可以解决。