稍不留意便会忽略掉级联样式表的特点。大多数开发者都知道inherit关键字,但有几个新的CSS3继承特性你可能不知道…
property: inherit;inherit关键字代表“使用指定给父元素的所有值”。如果父元素中没有明确的值定义,浏览器搜寻DOM树直到找到相应的属性。最终无法找到的话,它会使用浏览器的默认值,例如:
在实践中是很少有必要使用inherit的。许多有用的属性自动继承,例如字体,字体大小,颜色,等等。 |
property: initial;哦,一个新的CSS3关键词!initial设置一个属性为它的初始值——浏览器的默认定义值,例如:
它有用么?可能吧,毕竟你不能确保所有浏览器有相同的默认值。 |
property: unset;这是稍微不寻常的一个。unset使用时,它表现地就像有可继承值存在时继承了一样。如果它找不到可继承的值——比如,它是像box-shadow等不可继承的属性——它表现地好像继承了浏览器的默认值。 |
all: [ inherit | initial | unset ];最后,all是一个属性而不是一个值。你可以指定inherit、initial或者unset来影响所有的属性,例如重置所有CSS属性为浏览器默认:
如果你添加了第三方控件且要避免页面样式冲突的话,这可能是一个可选的全局CSS域。 |