CSS的继承特性

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了CSS的继承特性相关的知识,希望对你有一定的参考价值。

CSS的属性继承并非在所有特性中都可以实现。

可以实现继承的只有以下属性:


azimuth, border-collapse, border-spacing,
caption-side, color, cursor, direction, elevation,
empty-cells, font-family, font-size, font-style,
font-variant, font-weight, font, letter-spacing,
line-height, list-style-image, list-style-position,
list-style-type, list-style, orphans, pitch-range,
pitch, quotes, richness, speak-header, speaknumeral,
speak-punctuation, speak, speechrate,
stress, text-align, text-indent, texttransform,
visibility, voice-family, volume, whitespace,
widows, word-spacing


 

 直接列出来一堆当然记不住(还有不少是从来没见过的,趁机学习一下)

可以做一下简单的分类:

声音样式(??从来没见过的东西):

azimuth,elevation,pitch-range,pitch,richness, speak-header, speaknumeral,
speak-punctuation, speak, speechrate,
stress

表格:

border-collapse, border-spacing,caption-side,visibility(隐藏表格内容)

字体:

 font-family, font-size, font-style,font-variant, font-weight, font, letter-spacing,line-height,direction(文本流方向)
orphans(最少行数,只兼容opera)

文本:

quotes,text-align, text-indent, texttransform,whitespace,word-spacing

 

列表样式:

list-style-image, list-style-position,list-style-type, list-style

 


 这样一看支持继承的属性还真没几个。

最常见的字体属性中装饰类的css(decoration,shadow)不能继承,其余都可以。

文本属性只有常见的几个简单属性可以继承。

 

以上是关于CSS的继承特性的主要内容,如果未能解决你的问题,请参考以下文章

CSS的三大特性

CSS的继承特性

详解CSS三大特性之层叠性继承性和重要性——Web前端系列学习笔记

详解CSS三大特性之层叠性继承性和重要性——Web前端系列学习笔记

Sass简单使用

css的三大特性