首页 >

css 不继承父类属性吗 |css 样式使用方法

css内容行距,html css视频教学,css中的长宽,css取代html哪些标签,css怎么给li加边框,怎么在html加入css样式,css 样式使用方法css 不继承父类属性吗 |css 样式使用方法
.parent {
font-size: 16px;
}
.child {
/* 继承父类的属性 */
font-size: inherit;
/* 不继承父类的属性 */
color: red;
}

在上面的例子中,大家定义了一个父类”parent”和一个子类”child”。大家希望子类继承父类的字体大小,但是不希望继承父类的颜色属性。为了达到这个目的,大家可以在子类中使用”inherit”来继承父类的字体大小,同时使用”color”属性来设置子类的颜色,从而不继承父类的颜色属性。

除了使用”inherit”之外,大家还可以使用”initial”来设置属性的初始值。

.parent {
font-size: 16px;
}
.child {
/* 继承父类的属性 */
font-size: inherit;
/* 不继承父类的属性 */
color: initial;
}

在上面的例子中,大家使用”initial”来设置子类的颜色属性为初始值,这样就不会继承父类的颜色属性了。

总之,CSS提供了继承属性的功能,但是在某些情况下,大家需要取消继承。此时,大家可以使用”inherit”来继承某些属性,使用”initial”来设置某些属性的初始值,从而达到不继承父类属性的目的。


css 不继承父类属性吗 |css 样式使用方法
  • css 改变svg的颜色 |input 获得焦点 css
  • css 改变svg的颜色 |input 获得焦点 css | css 改变svg的颜色 |input 获得焦点 css ...

    css 不继承父类属性吗 |css 样式使用方法
  • css中设置浮动的代码 |css里底对齐
  • css中设置浮动的代码 |css里底对齐 | css中设置浮动的代码 |css里底对齐 ...

    css 不继承父类属性吗 |css 样式使用方法
  • 框架引入css文件 |css 鼠标指针 放大镜
  • 框架引入css文件 |css 鼠标指针 放大镜 | 框架引入css文件 |css 鼠标指针 放大镜 ...