前言：
今天大家对“inherit博客css”可能比较关心，我们都想要知道一些“inherit博客css”的相关内容。那么小编也在网上搜集了一些对于“inherit博客css””的相关知识，希望姐妹们能喜欢，我们一起来学习一下吧！一、前言
我们经常在对元素进行调色，有一种场景，就是我们希望有的元素之间的颜色是一致的。
如父子元素的字体颜色，一般做法是直接对两个元素进行颜色设定，但是若子元素越来越多，我们所需要的设定的代码也会增多，且当父元素颜色发生变化的时候，我们还需要批量地对子元素颜色进行重新设定。
那有没有办法，让子元素字体颜色自动跟随父元素吗？答案是肯定，css中提供的inhreit便是为此而诞生！
二、案例
例如我们最常见的链接，它是默认带蓝色、下划线的元素：
很多场景下，我们想让它追随父元素字体颜色，下面是具体代码实现
test1.html
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <!--引入css--> <link rel="stylesheet" href="test1.css" type="text/css"></head><body><div class="parent"> <h5>parent-color</h5> <div class="child"> <h1><a href="#">;/a></h1> </div> <div class="child child4"> <h1><a href="#">;/a></h1> </div> <h5>parent-color</h5></div></body></html>
test1.css
.parent{ /*父元素字体颜色*/ color: #666;}.child{ background-color: aliceblue;}.child4 a{ /*引用父元素字体颜色*/ color: inherit;}效果如上图，上面的链接是默认样式，下面的链接是使用 inherit 引用父元素字体颜色的，具体可以看简单的代码。
版权声明：
本站文章均来自互联网搜集，如有侵犯您的权益，请联系我们删除，谢谢。
标签： #inherit博客css
