CSS知识点杂记

1.currentColor

currentColor是一个变量，该变量的值会被解析为color的值

//这里假设hr元素是div的一个子元素
//则改currentColor被解析为div的color的值
div {
   color: red;
}
hr {
  height: 1rem;
  background: currentColor
}

2.inherit(继承)

inherit关键字可以用于任何css属性，作用是继承父元素的统一css属性值（对于伪元素来说是继承自宿主元素）

//假设要继承父元素的字体大小
span {
  font-size: inherit;
}

3.background属性简写

background: [background-color] [background-image] [background-repeat]
            [background-attachment] [background-position] / [ background-size]
            [background-origin] [background-clip];