我注意到一些属性是在CSS中继承的,有些则不是。例如,继承text-size属性,但子块不继承填充和边距。那么如何确定哪些属性是继承的,哪些属性不是?
答案 0 :(得分:65)
以下是所有可继承属性的列表。 我正在使用W3C's information,所以我猜它应该是正确的。但是,了解Web浏览器(具体是IE),其中一些浏览器可能无法继承:
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
speak-numeral
speak-punctuation
speak
speech-rate
stress
text-align
text-indent
text-transform
visibility
voice-family
volume
white-space
widows
word-spacing
答案 1 :(得分:16)
答案 2 :(得分:16)
Blender和Shaz的列表都枚举了所有继承的CSS 2.1属性,包括azimuth
等听觉媒体的属性。下面是一个没有面向听觉的属性的列表,现在包括CSS3属性。
border-collapse
border-spacing
caption-side
color
cursor
direction
empty-cells
font-family
font-size
font-style
font-variant
font-weight
font-size-adjust
font-stretch
font
letter-spacing
line-height
list-style-image
list-style-position
list-style-type
list-style
orphans
quotes
tab-size
text-align
text-align-last
text-decoration-color
text-indent
text-justify
text-shadow
text-transform
visibility
white-space
widows
word-break
word-spacing
word-wrap
答案 3 :(得分:0)
完整列表,包括CSS3:
azimuth
:active
background
border-collapse
border-spacing
border-width
caption-side
color
cursor
direction
elevation
empty-cells
font
@font-face
font-family
font-size
font-size-adjust
font-stretch
font-style
font-variant
font-weight
font
:focus
:first-child
::first-letter
::first-line
:hover
:lang
letter-spacing
line-height
list-style-image
list-style-position
list-style-type
list-style
orphans
opacity
page
pitch-range
pitch
quotes
richness
speak-header
speak-numeral
speak-punctuation
speak
speech-rate
stress
text-align
text-indent
text-transform
text-size-adjust
visibility
:visited
voice-family
volume
white-space
widows
word-spacing
答案 4 :(得分:-2)
回答这个问题和类似问题(例如不继承CSS属性的最佳参考页)是:
https://www.w3.org/TR/CSS21/propidx.html
它有一列“继承”(或没有)。
页面上显示“此规范的几个部分已更新”。但是我在任何地方都找不到最新的版本,它在一个简洁的表中列出了所有CSS属性。但是我认为这张桌子很棒,正好是我想要的。还回答了每个CSS属性的可能值是什么以及初始(默认)值的问题。
如果要查看所有继承的或非继承的属性,可以从网页复制文本并将其插入Excel等,然后根据“继承?”列对文本进行排序。我尝试过了。