CSS特性

CSS有两大属性:继承性和层叠性

一、继承性:

所谓继承性,就是子元素继承了父元素的某些样式属性,但是并不是所有的样式属性都具有继承性,在CSS中,具有继承性的属性有三大类;

(1)文本相关属性:

(2)列表相关属性:

list-style-image(自定义列表项)、list-style-position(自定义列表项位置)、list-style-type(设置列表项标记类型,如椭圆等)、list-style(缩写,顺序为type、position、image)

(3)颜色相关属性:color

注:虽然很多属性有继承性,但是同样的像a元素这样的标签也有默认样式,所以即使父元素在某些属性上有值,子元素a依旧按照原来默认样式来呈现;即默认样式的优先级大于继承的样式

二、层叠性

所谓的层叠就是指样式的覆盖,这涉及到优先级的问题,常见的样式覆盖冲突有以下五种情况(在优先级相同情况下,统一遵循“后来者居上”原则)

(1)引用方式冲突

优先级:行内样式>(内部样式=外部样式)

(2)继承方式冲突

优先级:近水楼台先得月,即样式优先级最大为父元素的样式,往上到祖先元素逐渐降低优先级

(3)指定样式冲突(即使用选择器来设定样式)

优先级:行内样式>id选择器>class选择器>元素选择器

(4)继承样式与指定样式冲突

(5)!important(可以将优先级提升到最高等级)

用法:在样式语句后面直接加上!important,两句之间用空格隔开

原文地址:https://www.cnblogs.com/runhua/p/6426120.html